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

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

Screenshot

Links

• Solution URL
• Live Site URL

My process

Configure the background of the site with the finished image of the project and start building it

Built with

• Semantic HTML5 markup
• CSS custom properties

Note: These are just examples. Delete this note and replace the list above with your own choices

What I learned

Center a div on the page

body {
  height: 100%;
  position: relative;
}

.centered {
  margin: auto;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

Useful resources

• Google Fonts - Roboto Font for the card.