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.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
I've learned to take one step at a time to get to the final result. First organize your HTML file as a whole then go to your CSS file.
Once I managed to understand the necessary steps, it was easier to get to the final result.
- W3Schools - This helped me for the CSS availability features. They have an example page where you can test if the function you were looking for was correct.
For the difficulties that I've encountered, YouTube was a great place to look for some help.