Skip to content
Submitted about 2 years ago

News homepage using flex, media queries and transitions

Kathryn•320
@KathrynDavies123
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

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-143Posted about 2 years ago

    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
    @KathrynDavies123Posted about 2 years ago

    @joshua-mo-143 thanks!

    0

Please log in to post a comment

Log in with GitHub

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