qr code With HTML and CSS

Solution retrospective
I'm proud that I knew how to solve it and I'll definitely try harder to be more responsive.
What challenges did you encounter, and how did you overcome them?I came across the challenge of centering the box and coordinating its length and width, as well as making them responsive, which I was able to fix by studying and searching.
What specific areas of your project would you like help with?Responsive Design
Please log in to post a comment
Log in with GitHubCommunity feedback
- @thisisharsh7
Hey! Great job on the project 👏
✅ What you did well
-
Clean HTML structure and proper use of fonts/favicon.
-
Centering with
transform: translate
works well. -
Good use of Flexbox in the
.card
section.
📱 On Responsive Design
-
Avoid fixed widths like
200px
. Use%
,em
, ormin(100%, 300px)
for flexibility. -
Try mobile-first media queries using
min-width
.
For centering, Flexbox on body is cleaner than
position: absolute
:body { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
I hope this helps. Happy Coding 😊
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