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
- Solution URL: Github Repo
- Live Site URL: Live site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- CSS pseudo-classes
- Mobile-first workflow
- Javascrip (event listeners)
- This was an excellent project to hone my grid skills.
- I also learnt how to achieve responsiveness using minimal CSS. If we are sound in our initial steps, things fall into place rather easily.
- Frontend Mentor - PriyanshuSahani