Blog Preview Card HTML SCSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello @OmarRefaee!

  Your project looks great!

  I noticed that you used position to place the card in the middle of the page. This method does the job, but in some cases can cause bugs as well as cut of part of the content on smaller screens.

  Here's another 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

  1