blogpreviewcard

Community feedback

• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 9 months ago

  Greetings! you have done a great job 😎

  • To improve the semantics of your HTML, you can change your <div class="content"> to a <main class="content">
  • Apply max-width: 100% to your img so that it occupies the correct width within the container
  • Instead of using margin to center your content in the center of the screen, you can use the flexbox properties in the body (Remove the margin from your content class):

  body {
      background-color: hsl(47, 88%, 63%);
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  Marked as helpful

  0

  ---

  

  Maleyka•150

  @maleyka13Posted 9 months ago

  Hi @Blackpachamame, thank you for your comment. I will check this

  1