Frontend Mentor - Product preview card component solution

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.

Table of contents

Screenshot
Links
Built with
What I learned
Author

Screenshot

Links

Solution URL: https://www.frontendmentor.io/solutions/productpreviewcardcomponentmain-sEgEZG6FrU
Live Site URL: https://product-preview-card-component-malak.netlify.app/

Built with

Semantic HTML5 markup
CSS custom properties
Flexbox
CSS Grid
Mobile-first workflow

What I learned

css reset
grid (usually I work with flexbox)
semantic HTML
source & picture HTML Tag
custom css properties

Author

Frontend Mentor - @malakbenr
LinkedIn - @malakbenromdhane