Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

Responsive Landing Page Using CSS Grid and JavaScript for navigation.

Damilola Ikuomola•610
@stephenikuomola
A solution to the News homepage challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Damilola Ikuomola's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License