Design comparison
Solution retrospective
It's my first completed challenge on this platform, it's not 100% good in text wrapping which could be improved but I didn't have the part already so I published it like this :( This problem is only at the LINK at the bottom of the card
Community feedback
- @Sebastian-1406Posted over 3 years ago
Hola, te aconsejaria que cada vez que comienzas un proyecto separes el css en otro archivo, ejemplo style.css . Y por otro no te desanimes todos empezamos con trabajos pesimos practica y vas a ver como cambia todo :) ..
0 - @SJ-NosratPosted over 3 years ago
Hi Jakub, Your solution looks good, I'd just add the below code in order to center your cards.
html { height: 100%; } body { background-color: hsl(0, 0%, 95%); /*ADD THE BELOW CODE*/ min-height: 100vh; display: grid; place-content: center; }
Lastly, please add some
margin
andpadding
to your card styling, to give some breathing room to the look and feel of the cards.Hope the above helps!
Best of luck with your coding journey!
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