This is a solution to the Blogr landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
A solution to the Blog landing page challenge from 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
This is a screenshot to my solution.
- Solution URL: Solution URL
- Live Site URL: Live site URL
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Tailwindcss - CSS framework
I wanted to learn tailwindcss with this project and I definitely liked it. It helps you speed up in your work with build in classes but also difficult to debug with a lot of classes in your code.
I have to work more on JavaScript to improve my skills.
- Frontend Mentor - @Dytoma
- Twitter - @OmarDytoma