Skip to content
Submitted over 2 years ago

News homepage using HTML, CSS and Javascript

accessibility, animation, lighthouse
LVL 2
Paulo Xavier•100
@paulo-xavier
A solution to the News homepage challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

News homepage Website 💻

Hi guys 🖐 I'm Paulo and this is my solution for the challenge:

Technologies used: 🛠

  • HTML5
  • CSS3
  • Javascript

Stats according Lighthouse: 🧾

  • 93% for Performance
  • 93% for Accessibility
  • 100% for Best practices
  • 100% for SEO

Questions for community: 🔊

In the responsive layout for mobile devices, by clicking on the hamburger menu, the background of the page changes to a darker tonality. I do not know exactly which CSS property is more appropriate for that. For my solution, I used: filter: grayscale(60%). I would appreaciate feedback on that or suggestions for a more fitting property.

Thanks for your attention! If you have suggestions or feedback, I would appreciate that! 😁

Paulo Xavier.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Paulo Xavier’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