blog-view

Community feedback

• 

  P

  Lovro Peraić•330

  @loki-pepePosted 4 months ago

  I can see you had a problem with sizing. I find it easier to properly size elements using box-sizing: border-box;. You should definitively give this page a read.

  Also, I think you should focus more on keeping the gaps between elements resemble the ones in the design. They seem too large and your content ended up leaving the card. I don't have any specific advice, other than keep at it. Study and practice.

  Regarding responsive design, your solution doesn't hold up all to well when changing screen size. I'm not an expert, but perhaps you could set two specific designs for smaller and larger screens. Note that most of the font sizes are smaller in the mobile design, which helps the layout keep the same ratio on smaller screens. Also, you could try a mobile first approach, as most users today are opening sites on their phones. This means developing the mobile design first, and then switching it up for larger screens using media queries.

  Regarding your HTML, perhaps the body could be your "container" and your "card" could be main, which would improve your code readability and accessibility.

  Don't get discouraged by my comment. Keep at it and you should soon be making great websites!

  0