This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help me improve my 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.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- MDN - This is my source-of-truch resource for web development.
- CSS Tricks - This is an amazing website which helped me finally understand the difference between Flexbox and Grid layouts. I'd recommend it to anyone still learning this concept.
- Website - Menai Ala Eddine
- Frontend Mentor - Menai Ala
- Stackoverflow - Menai Ala Eddine