Responsive card using CSS GRID

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello Diego!

  Your project looks great!

  I noticed that you used margin to place the card in the middle of the page. Here's a very efficient way to center the card:

  • Apply this to the body (in order to work properly, don't use position or margins):

  body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  I hope it helps!

  Other than that, great job!

  Marked as helpful

  0

  ---

  

  Diego Castillo Furtunatti•80

  @Diego-CastilloFPosted 11 months ago

  @danielmrz-dev Thanks you Daniel for the feedback, I really appreciate it. Next time I'll use flex.

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  @Diego-CastilloF

  It works with grid too. 😊

  0