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.
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
- Repository URL: [https://github.com/ExiviuZ/news-homepage-main]
- Live Site URL: [https://exiviuz.github.io/news-homepage-main]
- Semantic HTML5 markup
- SCSS custom properties
- Flexbox
- CSS Grid
- Desktop-first workflow
I learned a lot about how to create a responsive grid layout with the use of auto-fit keyword with the combination of minmax function in order to wrap the elements base on the sizes automatically creating a responsive design with the least amount of effort.
- Frontend Mentor - (ExiviuZ)[https://www.frontendmentor.io/profile/exiviuz]