This is a solution to the News homepage challenge on Frontend Mentor.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
-
Solution: frontendmentor.io
-
Live Site: cloudflare
- Prepare Project (Download assets, Install Vite, Initialize git, Prepare project)
- Create components
- 1.Identify a component
- 2.Code component
- 3.Style in mobile and desktop
- 4.Go to step 1
- Layout, Header, Menu, NewsHomepage, MainNews, LatestNews, NumberedNews
- React
- TailwindCss
Thanks To
Frontendmentor.io - for their Excitement challenges
Perfect Pixel - for such a great extension