Used CSS grid

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Hello Daniel!

  Your project looks great!

  I noticed that you used margin: auto to center your card. I don't know if you are familiar with the many ways we can center elements in the middle of the page, but I'll leave it here, in case you don't know them:

  You can apply this to the body:

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

  You used this method above, but you didn't add justify-content:center;, that's why you had to use margin: auto; on the card. Both ways work pretty good anyway.

  Or you can apply this to the element you wanna center:

  .element {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
  }
  

  I hope it helps!

  0
• 

  Guilherme Santos•120

  @guisantosfrPosted 12 months ago

  Hi, Daniel! Nice solution. My suggestion for you is to add a little more margin on left and right sides.

  Happy coding :)

  0