tolux001 / chanel-card-component

Solution for "Chanel card component" Challenge on Frontend Mentor

Frontend Mentor - Product preview card component solution

This is a solution to the Product preview card component challenge on Frontend Mentor

Table of contents

• Overview
• The challenge
• Screenshot
• Links
• My process
• Built with
• Git Clone
• Useful resources
• Author

Overview

The challenge

Users can:

• View the optimal layout depending on their device's screen size
• See hover and focus states for interactive elements

Screenshot

You can use a tool like FireShot to take the screenshot.

Links

• View solution on frontend mentor : Frontend mentor
• Live Site URL : Live site URL

My process

Built with

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

Git Clone

  https://github.com/Tolux001/Chanel-card-component.git

Useful resources

• Example resource

• SelfTeachBlog - This is an amazing article which helps in simplifying and understanding the basic concept of web development. I'd recommend it to anyone learning from basics to intermediate to advance

Author

• Linkedin - ToluwalaseAdejuwon
• Frontend Mentor - @Tolux001
• Twitter - @Tolux001