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.
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 and focus states for interactive elements
- Solution URL: https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa/hub/product-preview-card-component-ofCjwVAMvp
- Live Site URL: https://ksxv.github.io/product-preview-card/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Media queries
- Mobile-first workflow
- w3schools.com - This helped me for documenting about CSS and HTML.
- CSS Reset - This helped me with reseting the CSS inconsistency on all browsers.
- BEM - This helped me understand the BEM pattern better.
- Website - Neamu Ciprian
- Frontend Mentor - @ksXV