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.
- Personally i really enjoyed doing this callenge, Its great when one is able to do this kind of things. ;D
Your 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
- Bonus: Toggle the mobile menu (requires some JavaScript)
- Solution URL: (https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl/hub/news-homepage-O8fWdbL7yi)
- Live Site URL: (https://johandev115.github.io/news-homepage/)
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- BEM methodology
- Website - JohanDev
- Frontend Mentor - [@JohanDev115]https://www.frontendmentor.io/profile/JohanDev115)
- Twitter - @JohanDev115