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
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

• Install Tailwind Css
• Create the Order component
• Add the respective styles to get the expected result

Built with

• Semantic HTML5 markup
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JS library
• Next.js - React framework
• Tailwind Css - For styles

What I learned

The purpose of this project was to learn how to use Tailwind Css. I learned how to use the Tailwind Css framework to create a QR code component. I also really liked to use the Tailwind Css framework because it is very easy to use and it is very easy to create responsive components with it.

Useful resources

• Tailwind Css Docs - This helped me use the Tailwind Css framework to create the QR code component.

Author

• Website - Hugo Tiburcio
• Frontend Mentor - @tiburciohugo

Acknowledgments

Shout out to the Tailwind guys for making an awesome framework and incredible documentation.