0xabdulkhalid / news-homepage

This is a solution to the "News Homepage" challenge on Frontend Mentor

News Homepage Solution

Frontend Mentor Challenge

View Demo  ·  Report Bug  ·  Request Feature

       

Preview

Links

• Solution URL:	NEWS HOMEPAGE 🎯 [ ACCESSIBLE - BEM - VANILLA CSS3 - ES6 ]
  Live Site URL:	https://0xabdulkhalid.github.io/news-homepage/

Pagespeed Insights Score:

• Overall score 97.4% for Both Mobile & Desktop (Below score is for mobile devices)
  Check out Pagespeed Insights to get live score

The Challenge

• The challenge is to build out this News Homepage and get it looking as close to the design as possible.
• Users should be able to:
  • View the optimal layout for the site depending on their device's screen size
  • Usage of Hamburger menu for mobile devices to display navigational links
  • See hover states for all interactive elements on the page

Built With

   

Tools Used

     

Acknowledgment

• Challenge was provided by Frontend Mentor

Let's Connect 👋