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

• Overview
• The challenge
• Screenshot
• Links
• My process
• Built with
• What I learned
• Continued development
• Useful resources
• Author
• Acknowledgments

Screenshot

Links

• Github link
• Live Demo

My process

Built with

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

What I learned

<span>A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House of CHANEL.</span>

@media (min-width: 1000px) {

}

Continued development

Responsiveness

Media Queries

Useful resources

• W3schools - This helped me for responsivess and media queries.
• Figma - Figma is an amazing, it helped me finally understand the whole design frame. I'd recommend it to anyone still learning this concept. I really liked this pattern and will use it going forward.

Author

• Github
• @Have-Samuel
• @samhave1

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Thanks to Frontend Mentor
• etc

📝 License

This project is MIT licensed.