Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Testimonials_grid_section using Grid

@mcasti19

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

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

Jere 150

@chungvuiloong

Posted

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

@mcasti19

Posted

@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
Discord logo

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