responsive loopstudio using flexbox

Community feedback

• 

  T

  Alex•2,010

  @AlexKMarshallPosted about 3 years ago

  This looks pretty good. I like some of the little touches like the animated underline on the navigation links.

  Your images are getting squashed though. Make sure you preserve their aspect ratio. It's happening because you're using background images and setting the background height and width to both be 100%. Look instead at using background-size: cover which will crop the image while preserving its aspect ratio.

  The navigation bar text is tiny, that needs to be a lot bigger, it's barely readable. Make sure you don't use fixed px sizing for fonts. Use rems.

  There's some overflow somewhere that's causing horizontal scrollbars above about 800px screen width.

  The footer seems to be losing its padding at certain screen-sizes. Always use the dev tools to dynamically resize your screen, checking all areas of the page, to make sure it looks good at every size.

  And make sure to fix the accessibility and HTML validation errors shown in the report.

  Marked as helpful

  0
• 

  Oluwafemi•345

  @AlbusflamesPosted about 3 years ago

  waw .Thanks a lot will Alex. This really helped.

  0