Design comparison
Solution retrospective
It's my 4th challenge, even though the appearance is very similar, I'm not entirely convinced that the code is clean, I think there are better ways to do some of the things I did, I would be very grateful if you can see my code and Give me some recommendations and some tips to improve, thank you very much!
Es mi 4to reto, a pesar de que la apariencia es muy similar, no estoy del todo convencido de que el código sea limpio, creo que hay mejores formas de hacer algunas de las cosas que hice, estaría muy agradecido si pueden ver mi código y darme alguna recomendación y algún tip para mejorar, muchas gracias!
Community feedback
- @chungvuiloongPosted about 1 year ago
Hi mcasti19,
Congrats on completing and tackling a grid component!
I love how the cards decorated exactly like the given design.
May I suggest these following code to help get it centered?
body { height: 100vh; display: flex; flex-direction: column; justify-content: center; }
main { margin: 0 auto; }
Please let know me how it works. Lets think of a centering solution together
1@mcasti19Posted about 1 year ago@jirimicvl Hello, thank you very much for your comment and your suggestion.
I tried adding the code that you told me, I added it for the desktop size and it works excellent if I have a full screen (f11) or from the browser's responsive tool, but when I see it on a normal screen, it is very large and the edges at the top and bottom They can't be seen and the scroll doesn't work for me
1
Please log in to post a comment
Log in with GitHub
Join 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