Design comparison
SolutionDesign
Community feedback
- @faisalahmed11Posted over 1 year ago
Hi there @TekketsuDev, you submission is greatly appreciated, if you don't mind I have some suggestions for you.
// if you replace you .card{} styles with. .card { padding: 2.2rem; max-width: 16rem; display: grid; gap: 1rem; } // explanation, your were missing a width limit (max-width) for large screens and some spaces b/w (gaps ) different elements. // and add margin-block: 6rem 3rem; into you button{ } styles // here margin-block will add some margins from top and bottom // and also update your @media query max-width with this max-width:700px
it will start looking more like the design.
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