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

@oyeyinkaojora

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


How can I achieve the mobile menu, Point me to any tutorials where I can learn to accomplish that particular mobile menu

Community feedback

Azhar 600

@azhar1038

Posted

Hi Oyeyinka,

For navbar try checking out tutorial by Kevin Powell in youtube. It is not exactly for this but he has shared some important tips and ideas that will help you.

Responsive navbar tutorial using HTML CSS & JS

Marked as helpful

0

@Akshay-Tarde

Posted

Hello Oyeyinka! First of all, great work! You can contain your card-wrapper-section in an <aside> HTML element for the accessibility report. Also, "The Bright Future of Web 3.0?" should be an h1 element. This takes care of the accessibility report. Coming to the mobile menu, you need to first style the open menu and the closed menu. Then add event listeners to the hamburger menu button to add the open menu class. Similarly, add an event listener for the close menu button to remove the open menu class. You can reference this video: https://www.youtube.com/watch?v=flItyHiDm7E

Marked as helpful

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