Design comparison
SolutionDesign
Solution retrospective
Hope you can give me some tips on effective responsive web dev..
Community feedback
- @hitmorecodePosted over 1 year ago
Congratulations well done. Just a few tips
- To place the card in the middle of the page add this to the body
body { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background-color: hsl(233, 47%, 7%); } .card { display: grid; margin: 10rem auto; /* you can remove this, with flex in the body this is not necessary */ width: 80rem; height: 35rem; /* background-color: aquamarine; */ }
- In the
<section class="left"></>
change the padding on the left and right side, the padding on the sides is too large - Think about the line heights
Marked as helpful1@nmk18012003Posted over 1 year ago@hitmorecode thank you so much for the help....really appreciate it..
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