qrcode challenge completed usind html 5 and advanced css
Design comparison
Solution retrospective
I found it difficult applying the object-fit property... I hope i did it well, waiting for feedbacks, thank u in advance
Community feedback
- @Batareika007Posted over 2 years ago
Hi @VKampos2, It's looks good, you can put the card in a middle of a page using flex-box, for example:
.conteiner{ display: flex; align-items: center; justify-content: center; height: 80vh; }
And I think it's a good idea to make card's height to min-height or no height at all, for best practice if you will need to add some more text to the card.
Marked as helpful0 - @titiodusPosted over 2 years ago
Funny how we both used card for our design. Kindly take a look at my challege solution. thanks.
You did good. Well done.
When I started the challenge I used flex but didnt get my desired outlook and so used card. I will try what Alexie @Batareika007 suggested and see what I get.
0@VKampos2Posted over 2 years ago@titiodus i tried using the div property whithout bootstrap, in the end card was the best option
i'll have a look to your challenge
0
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