This is a solution to the 3-column preview card component 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
- Solution URL: https://github.com/vapppu/frontendmentor-3-column-preview-card-component
- Live Site URL: https://vapppu.github.io/frontendmentor-3-column-preview-card-component/
- Semantic HTML5 markup
- Flexbox
- Mobile-first workflow
This project taught me to create hover animations for the buttons. I also spent a long time trying to match the design in as much detail as possible, in moth mobile and desktop views.
- GitHub - vapppu
- Frontend Mentor - @vapppu
- LinkedIn - Veera Hiltunen