eyelin / qr-code-component

Solution to the QR code component challenge on Frontend Mentor.

Frontend Mentor - QR code component solution

Welcome! 👋

This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources
• Author
• Acknowledgments

Overview

A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.

Screenshot

Links

• Solution URL
• Live Site URL

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Bootstrap

Useful resources

• Figma - This is a powerful tool that helps developers to have better access to the designs and have the ability to extract information about typography, redlines, colors, measurement and more.
• PerfectPixel - Chrome extension that helps you to match the pixels of the provided design.

Author

• Frontend Mentor - @Eyelin

Acknowledgments

A big thank you to Frontend Mentor and the community!