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 GRID FLEXBOX AND A LITTLE BIT OF JAVASCRIPT

@Toch007

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


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

@Toch007

Posted

@ashmaddenweb Thanks for the correction. Adjustments have been made

1

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