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
- Bonus: Toggle the mobile menu (requires some JavaScript)
- Solution URL: https://github.com/Patzi275/news-home-page
- Live Site URL: http://patzi275-news-home-page.surge.sh
- Semantic HTML5 markup
- Tailwind(Just for training xD) - CSS framework
- Mobile-first workflow
- BEM - A CSS convention
There, i learned how to use grid efficiently with Tailwind and the mobile-first workflow. It is something I did without knowing it.
Things that can make this site better are:
- Animation as soon as the page load
- Carousel of main articles