Table of contents

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

Overview

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/responsive-page-using-css-grid-EjAhAx0YAS

• Live Site URL: https://qr-code-component-sigma-swart.vercel.app/

My process

Built with

• Semantic HTML5 markup
• CSS Grid

What I learned

I have learned how to center a block on a page using CSS. I have also learned how to use CSS variables.

Here is lines of code I learned.

body {
  display: grid;
  place-items: center;
  height: 100vh;
}

Continued development

I need to learn how to build a page that adapts perfectly to different screen sizes.

Useful resources

• Google - This helped me for getting quickly results of what I was looking for. I really liked this pattern and will use it going forward.

Author

• Frontend Mentor - @ouambo-takouam
• Twitter - @patrick_ouambo