Blog Preview Card

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello @stanleydalziel!

  Your project looks great!

  I see that you tried using width and margin to center the card. Here are two very efficient ways to do it:

  You can apply this to the body (in order to work properly, you can't use position or margins):

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

  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!

  Other than that, you did an excelent job!

  1

  ---

  

  Saleiux•230

  @SaleiuxPosted 11 months ago

  Thank you for this! It was very usefull also for me! @danielmrz-dev

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  I'm glad I could help 😁 @Saleiux

  1