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