Submitted almost 3 years ago

QR Code component design using HTML and CSS

JP•20

@pjortega0225

A solution to the QR code component challenge

Preview Code

Solution retrospective

Just want to know tips and tricks for vertically aligning div in the page. Thank you.

Code

Please log in to post a comment

Community feedback

CyrusKabir•1,885
@CyrusKabir
Posted almost 3 years ago
Hello @pjortega0225, for centering things I highly recommend read this two articles :
- centering css complete guide - css tricks
- centering css guide - moderncss
Marked as helpful
imad•3,330
@imadvv
Posted almost 3 years ago
Greetings JP!! Congratulations on completing this challenge!, maybe the easy way is to use either flex or grid, for example you can remove margin-top: 150px; from body and display it flex as flow
```
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
}
```
over all you did will!! Keep up The Good Work
Marked as helpful

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