/news-homepage

Primary LanguageCSS

Frontend Mentor - News homepage solution

This is a solution to the News homepage challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Overview

The challenge

Users should be able to:

  • View the optimal layout for the interface depending on their device's screen size
  • See hover and focus states for all interactive elements on the page

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Basic JS for event handling

What I learned

This was a great opportunity to solidify my knowledge in flexbox, with which I have been working for a few weeks now. Also, this was the first project I made responsive while actually knowing what I was doing (though it might still have some flaws), and one of my first experiences with event handling in JavaScript.

Continued development

I want to improve my abilities on event handling and DOM manipulation using JavaScript and also try some different CSS properties and features on my future projects.

Author