Design comparison
Solution retrospective
I don´t know how to make it responsible but the desktop version is fine. :) Can someone help me to get it?
Community feedback
- @shashreesamuelPosted over 2 years ago
Hey good job completing this challenge
Keep up the good work
Your solution looks great however I think the card needs some margin top using
margin-top
. Secondly the card description needs some margin on the bottom usingmargin-bottom
In terms of accessibility issues simply wrap all the content between main tags
I hope this helps
Cheers Happy coding
0 - @MarcusTuliusCiceronPosted over 2 years ago
Hello,
To center your card on the page here what you can do: on body add following properies:
display: flex; // to be able to use following properties align-items: center; // to center vertically justify-content: center; // to center horizontally
To make a design responsive the beginners way is to use what we call media querries:
@media (max-width: 450px) { // css code written here will be applied only if screen width is bellow 450px }
hope this will help :)
happy coding
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