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 challange
  • Screenshot
  • Links
• My process
  • Bulid with
  • What I learn
  • Useful Resources
• Author

ScreenShot

Desktop view:

Mobile view:

Links

• Solution URL: Frontend Mentor Solution
• Live Site URL: Live Site at Vercel

My process

Built with

• Semantic HTML5 markup
• Flexbox
• Grid
• Responsive Design

What I learned

I have learn how to position div. center using both Flexbox, Grid with their property and make content responsive.

Useful resources

• W3 Schools
  • Flex
  • Grid

Author

• Github - manujayakumar
• Frontend Mentor - manujayakumar