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.
It was a cool challenge :)
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover and focus states for interactive elements
-Live Url : https://robertobaiochi.github.io/frontEndMentor-cardChallage/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- @media-Queries
Note: These are just examples. Delete this note and replace the list above with your own choices
I was able to better understand the way the flex-box is applied, alignments and directions, I also found interesting the way in which I could use the image in a volatile way.
"Media Queries" is really a challenge, but I'm learning ways to make the layout more responsive and more pleasant, I know this layout wasn't excellent, but I'll keep studying to improve it.
- Frontend Mentor - @RobertoBaiochi
I thank the entire community, it's unbelievable the amount of good people I ended up meeting as soon as I started studying, you guys are inspiring and I hope one day I can be too.