qr code page using display: flex

Solution retrospective
I'm proud of that the result looks identically to the given preview.
What challenges did you encounter, and how did you overcome them?I forgot how to center elements, so I went to mdn web docs for the answer.
What specific areas of your project would you like help with?I would like to know if display: flex is an optimal way to center elements or there is a better solution. I would also like to know if I named my classes correctly or should i change the naming.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@mkerr-github
Great job, great match to the design, well done!
Your class naming is good, you could have called
<div class="main-panel"> <section class="main-panel"> but div was fine.Regarding flex, the vast majority of people also did it exactly the way you did. It's the most straightforward in this situation and was a sound choice.
display: flex;
align-items: center;
justify-content: center;
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