QR-code-compent

QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor.

Screenshot

Screenshot (12)

Solution URL: My solution

My process

Built with

What I learned

How to make my html mobile friendly and how to use font from different sources. Example:

<meta name="viewport" content="width=device-width, initial-scale-1.0">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">

I also learned how to center vertically

transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);

Continued development

I want to continue to development problem solving skill. To see a project and be quicker to create a solution.

Author