This is a solution to the Product 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 and focus 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 learned how to use :root in css its like use var in Js.
:root {
/* Primary colors */
--cream-color: rgb(242, 235, 227);
---darkCyan-color: rgb(60, 128, 103);
---darkCyanOpacity-color: rgba(60, 128, 103, 0.753);
}
This is my first Frontend Mentor challenge, after finishing it I will continue studying and practicing to improve more and more.
- Linkedin - Alberto Martinez
- Frontend Mentor - @Eltunas170
The best advice I can give here is to know how to section the elements well.