Submitted almost 2 years ago

News Homepage

Petabyte• 190

@peta-8-bit

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

News homepage

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

My first Level 2 challenge. Had some trouble with implementing hamburger menu with only HTML and CSS, but i made it work(mostly, nav items are in menu even in desktop). I could make it work, but i already spent 1 full day on just the menu, even though in real world we will be using JS, so im not fixing it. Any feedback is appreciated.

Community feedback

Pranshu Sahu• 770

@Pranshu-Sahu

Posted almost 2 years ago

Hello @peta-8-bit, your solution looks amazing.🎉🎉✨

Your solution is completely 👍 fluid and responsive.

I have spotted some some errors 🤦‍♂️ in your solution- In smaller screens, using tab key to navigate through your web page 👨‍🔧, when your navbar is offscreen but still contain focusable children. Consider watching video on (accessibility)[https://www.youtube.com/watch?v=fGLp_gfMMGU&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g&index=2].

Hope this helps.

Happy coding.🙂✨🎉👨‍💻

🎉Wish you all the best for future projects.👍

Marked as helpful

Please log in to post a comment

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