This is a solution to the Equalizer landing page 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 depending on their device's screen size
- See hover states for interactive elements
I have developed using a Mobile First approach. I worked from top to bottom and added the background as latest. My last steps was making minor tweaks here and there for responsiveness.
- Mobile-first workflow
- SASS - Stylesheet language
- Next.js - React framework
- React - JS library
- Tailwindcss - CSS framework
I have learned more about Mobile First design approach. I have also learned more about positioning in CSS in order for components to render properly.
- Tailwind Cheatsheet - A Cheatsheet for Tailwind.
- Website - Mike van Peeren
- Frontend Mentor - @MikevPeeren
- Linkedin - @MikevPeeren
- Github - @MikevPeeren
- GitLab - @MikevPeeren