Pure CSS and HTML QR Code Website

Solution retrospective
I think the main problem I faced was with the text alignment or just general alignment. First of all, I made the white box a flexbox column and put the image and another div called texts in the column. The problem I had was, after I aligned the actual image, I wasn't sure how to make sure that the text takes up the rest of the space under the QR code. I tried to use a display grid on the texts div, but then the texts had a lot of space between each other due to auto margin, which I couldn't get rid of. I gave the texts div a pre-set margin of 5px and removed flex-grow and somehow the texts just got fixed. Overall, alignment was a big issue.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Ata Caner Çetinkaya's solution.
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