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

matt2282 310

@matt2282

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?

I started with the mobile layout first which was a mistake because when I tried to convert it to the grid layout it did not work as indented. I ended up starting over starting with the desktop layout.

Implementing the mobile navigation bar was simple.

Community feedback

@sudhanshusingh-g

Posted

Semantic HTML: Generally good but could use a few tweaks for improved meaning and accessibility. Accessibility: Decent but could be improved with better keyboard accessibility and contrast checks. Responsive Layout: Mostly good but might need some adjustments for medium-sized screens and a more fluid design approach. Code Quality: Reasonable, but event handling should be moved to the external JS file, and some inline styles should be avoided. Design Consistency: Appears consistent but would need to be checked against the original design for final tweaks.

Keep up the good work

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