Skip to content
Submitted about 2 years ago

NEWS HOMEPAGE USING GRID FLEXBOX AND A LITTLE BIT OF JAVASCRIPT

TOCHUKWU UCHE•280
@Toch007
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

My first "Junior" project here. The transition wasn't easy. I was really confused about which display type to use for the page structure but finally settled for Grid. Also, I switched by using my main CSS for my mobile view and media query for my Desktop view. I'm keen on hearing your thoughts.

Community feedback

  • Account deleted

    The only issue here I can see is that you have your header section inside the main tag. This isn't good as screen readers won't be able to find the header tag unless looking through main and that may be confusing to some people. You should ideally structure this app with header and main being sibling elements. Apart from that, it's very good, good job on making it properly responsive

    Marked as helpful
    1
    TOCHUKWU UCHE•280
    @Toch007Posted about 2 years ago

    @ashmaddenweb Thanks for the correction. Adjustments have been made

    1

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