Design comparison
Solution retrospective
No difficult for now :)
Community feedback
- @Psargar616Posted about 1 year ago
Hey @arkunis! Great Work on the QR Code Component Challenge! 🚀
I just checked out your solution for the challenge, and I'm seriously impressed! Your code structure is clean and the responsiveness of your design is fantastic. It's clear you put in a lot of effort, and it really shows.
A couple of suggestions to enhance your project even more:
- Flex/Grid Centering: Try using flexbox or grid layout to effortlessly center your QR card. It's a great technique for ensuring your design looks perfect on all devices.
- Viewport-Centered Container: Make your container class take up the entire viewport's height and width. Centering the QR card within this container using flex or grid will give your design a sleek and polished look.
- Sticky Footer: Consider using CSS techniques like
position: fixed
ormin-height: 100vh
to keep your footer firmly planted at the bottom of the webpage. It provides a professional touch. - also try reducing the card width so that it will be closer to original design
Remember, you're already doing an excellent job, and these suggestions are just meant to help you explore more advanced techniques. Keep up the fantastic work! If you ever have questions or need more guidance, feel free to reach out. Your dedication to improvement is inspiring. Happy coding! If you found this feedback useful, please mark this comment as helpful
1@arkunisPosted about 1 year agoHi, you right i dont check more the template for reproduce it perfectly. I know for grid and flex to center all on the page you Can check m'y github to the it (check portfolio) but thx for your comment ! I appreciate !@Psargar616
1
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