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 Landing Page Using CSS Grid and JavaScript for navigation.

@stephenikuomola

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


Hello everyone 👋🏽,

I’m excited to share my recent project, NewPage, with all of you. This project has been a labour of love, and I’m eager to hear your thoughts and feedback. The goal for this project was to:

  • View the optimal layout for the interface depending on their device’s screen size.
  • See the hover and focus states for all the interactive elements on the page.
  • On mobile devices, when the user clicks the menu button, an overlay darkens the page a bit.

The landing page boasts a responsive design that adapts seamlessly to various screen sizes, providing an optimal user experience across devices.

The technologies used were:

  • HTML
  • CSS JavaScript

I invite the Fontendmentor community to explore the landing and share valuable feedback. Your insights can contribute to making this project even better. I will be expecting feedback.

Community feedback

@techyjc

Posted

Superb! Great work!

0

@stephenikuomola

Posted

Hello @techyjc

Thanks for your feedback 🙏🏽

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