Frontend Mentor - QR code component solution

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

Desktop View:

QR Code Component - Desktop

Mobile View:

QR Code Component - Mobile

Live Site:: Check the site out!

My process

Built with

  • HTML5
  • CSS Flexbox

What I learned

  • Layouts.
  • Media Queries.
  • Flexbox.
  • Using the inspector to help with positioning.
  • Using Figma to help with fonts and colors.

Continued development

I need to learn more about responsiveness using media queries as well as using flexbox and grid. Also, keep things simple and learn more about Semantic HTML.

Author