Akherox/front-mentor-01

First challenge || Front Mentor || HTML || CSS

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
• Author

Overview

Screenshot

Links

• Solution URL: GitHub
• Live Site URL: GitHub Pages

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

Center a card.

<main class="background"> </main>

main {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(212, 45%, 89%);  
}

Continued development

I`m going to focus no flexbox.

Useful resources

• Example resource - This helped me for it was an old project that i made.

Author

• Website - Bryan Bravo
• Frontend Mentor - @Akherox