anoshaahmed/fem14-qr-code-card

Solution to a Frontend Mentor challenge: Creating a similar webpage as the design preview provided

Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor.

Table of contents

• Overview
  • Screenshots
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

Screenshots

The desktop design VS My desktop solution

The mobile design VS My mobile solution

Links

• Solution URL: FrontEnd Mentor: My Solution
• Live Site URL: GitHub Page: QR Card Component

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• BEM

What I learned

I learned to make a rotating component.

Continued development

I want to continue incorporating new things I learn into my FEM projects.

Useful resources

• MDN Web Docs: linear-gradient() - This helped me with linear-gradient.

Author

• Website - Anosha Ahmed
• Frontend Mentor - @anoshaahmed
• LinkedIn - Anosha Ahmed
• Twitter - @anosha1ahmed