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.
This was a fun practice. I'm not sure if I did it right lol.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: This Github
- Live Site URL: 3 Column Preview Card
Started out with HTML then went the desktop-first route. After that, started modifying things to fix the problems.
- Semantic HTML5 markup
- Sass
- CSS Flexbox
- This Stackoverflow thread - This helped me keep the buttons at the bottom of the card all the times.
- Website - My Github
- Frontend Mentor - @CaptKraken