Horizontal and vertically centered QR code using margins
Design comparison
Solution retrospective
Getting my first project done. I hope to continue using frontend mentor to improve my front end development skills.
What challenges did you encounter, and how did you overcome them?Trying to figure out how to vertically center the container. After some research I found a way using margins and "top"/"left".
What specific areas of your project would you like help with?I couldn't figure out how to get the google font to work for some reason. If anyone can see the issue that'd be awesome.
Community feedback
- @AlfredoPegueroCPosted 5 months ago
Hello @jcoms2003
Your solution looks great!
You have to use
font-family: "Outfit"
, sans-serif instead offont-family: "Outfit"
in your CSS.Also, you can use Flexbox to position your elements.
Here is a great guide Flexbox.
I hope it helps.
Marked as helpful0
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