Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

News homepage using flex, media queries and transitions

Kathryn 320

@KathrynDavies123

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • Making this site responsive felt really janky, wondering if there is a more streamlined way to do this without making so many media queries?
  • Are there any ways my code can be optimized further?

Community feedback

Joshua Mo 130

@joshua-mo-143

Posted

I would say try to make the website look as good as possible on mobile first. The workflow gets much quicker if you build for mobile then adjust for larger screens later on.

Also, you should put your each of your links in the ul element in a li element so the HTML will recognise them as separate items in a list.

Hope this helps!

Marked as helpful

1

Kathryn 320

@KathrynDavies123

Posted

@joshua-mo-143 thanks!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord