Submitted almost 2 years ago
Responsive Qrcode solution: Html, media querys, CSS Grid and Flexbox
@WellingtonMarques96
Design comparison
SolutionDesign
Solution retrospective
During the project I used css grid and css flexbox. If you think that is necessary to do any change, please let me know, will be helpful !
Community feedback
- @ZeyadMohamed1805Posted almost 2 years ago
Awesome work there bro! 😎
- In addition to what Hatem mentioned, consider decreasing the width & height of the main; also try to slightly decrease your font-sizes. 🎇 Keep up the great work! 🔝🔝
2@WellingtonMarques96Posted almost 2 years agoThanks @ZeyadMohamed1805 ! I have checked the font-sizes, and I'm going to try slightly hehe
All best !!
1 - @hatemhenchirPosted almost 2 years ago
Hey Wellington Marques, how are you ? I really liked the result of your project, but I have some tips that I think you will enjoy:
- To center a div or something with grid do this :
display:grid;place-items:center;
- To center a div or something with flexbox do this :
display:flex; justify-content: center; align-items: center;
.
Great work and keep going.
2@WellingtonMarques96Posted almost 2 years agoHi @hatemhenchir ! Everything is going good here, what about you?
Thanks for your tips, I really will use!
0 - To center a div or something with grid do this :
Please log in to post a comment
Log in with GitHubJoin 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