Skip to content
OverviewSolutions
10
Comments
4
Jere
@chungvuiloong

All comments

  • Moises Castillo•220
    @mcasti19Submitted about 1 year ago

    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!

    Testimonials_grid_section using Grid

    1
    Jere•150
    @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
  • Jere•150
    @chungvuiloongPosted about 1 year ago

    Hi amr-atif,

    Great job on this component as well as implementing Flexbox skillfully!

    If you are interested, you can add the following code, it will help center the image to look like the given design.

    .hero { background-position: center; }

    1
  • Jere•150
    @chungvuiloongPosted about 1 year ago

    Hi,

    Well done your challenge!

    I would to add that if the body has this following css code, it will assist your card component to be in the center.

    body { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }

    min-height: 100vh -> make the minimum height of page full screen. flex & flex-direction: column -> makes content direction from top to bottom justify-content:center -> make your content in the center

    Let me know how it goes for you.

    Marked as helpful
    0
  • Jere•150
    @chungvuiloongPosted about 1 year ago

    For my projects,

    Firstly I create a div, this the the container for contents. Then I add the classes flex, flex-columns, then justify-center as css. This usually does the centering for me for me.

    Let me know if it does it for you too

    1