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

Responsive News Homepage

P

@bartoszdudziak-dev

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


What are you most proud of, and what would you do differently next time?

It looks quite good in my opinion.

What challenges did you encounter, and how did you overcome them?

The navbar menu. I overcame it with Kevin Powell's video help.

What specific areas of your project would you like help with?

Accessibility. What should I add/change in my solution? What about aria attributes?

Community feedback

@jjdavenport

Posted

The site looks identical to the original, has the nice addition of an additional media query for mid-sized viewports, and the nav redirects on some viewports. The html is clear and easily readable with plenty of accessibility labels and you can browse the page just by using the keyboard and tabbing between the links.

Well done!

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