/Frontend-Mentor-Solution-qr-code-component-using-HTML-CSS

Primary LanguageHTML

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

Rather than complicate this with using a framework, I felt using HTML and CSS on their own would be sufficient.

Built with

  • Semantic HTML5 markup
  • CSS custom properties

Continued development

I'm not entirely sure why

.card {
  position: absolute;
  top: 25%;
}

in (line 15, 16) worked - I was anticipating 50% to move to the centre of the page.

Author