Frontend Mentor - QR code component my 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
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

Screenshot

Links

• Live Site URL:(https://mrintoxx.github.io/QR-code-component/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

This is a great way top understand css behavior, and also to improve some html basic skills.

This was the frist time i'm using a gradiant background in CSS

body {
  background: radial-gradient(
    circle at center,
    hsl(220, 15%, 75%),
    hsl(220, 15%, 45%)
  );
}

Continued development

In the future i could improve the code to make a smoother responsive desgin.

Author

• Frontend Mentor - Mrintoxx