Submitted almost 2 years ago

Simple QR Page using HTML & CSS

9Galaxy•20

@9Galaxy

A solution to the QR code component challenge

Preview Code

Solution retrospective

About Feedback:

Do you have any ideas/tips to improve this first project?
What is the best practice to center something vertically?
What can I do better to make my web more responsive(mobile)?

Code

Please log in to post a comment

Community feedback

LexLexLex•40
@LLLEEXX
Posted almost 2 years ago
You might want to explore CSS Flexbox and CSS Grid, as they are excellent tools for positioning elements and enhancing the responsiveness of your website.
P
Øystein Håberg•13,280
@Islandstone89
Posted almost 2 years ago
Hi. You need to remove the fixed widths. Especially the 19% on the main causes overflow.

To center the card, put this on the body:
```
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
```

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord