Blog-Preview (Revision)

Community feedback

• 

  Babalola victor ayomide•390

  @ZHADOW999Posted 5 months ago

  also bolg-container set the height to auto and remove the margin-top on the preview-img it will look better like that 😁

  Marked as helpful

  1
• 

  Shoaib Shuja•560

  @ShoaibShujaPosted 5 months ago

  Amazing Job my friend but the card dosen't seem to be perfectly centered within the body.

  To fix this issue remove the margin-top and margin-left from .Blog-container class and add the following code to your css file.

  body {
      position: relative;
      width: 100%;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column // To make sure the attribution goes under the main card
  }
  

  And also, to put the attribution which contains the challenge's author name perfectly to the bottom also copy these lines of code to your CSS file:

  .attribution {
      position: absolute;
      bottom: 0;
  }
  

  Marked as helpful

  1

  ---

  

  Vinayak•300

  @V102002Posted 5 months ago

  Thanks a lot! I was having tough time figuring it out. I feel so stupid , looking at this simple code. I am open to more feedback to make a cleaner CSS code @ShoaibShuja

  1

  

  Shoaib Shuja•560

  @ShoaibShujaPosted 5 months ago

  No, my friend don't insult yourself we are all here to learn and you did amazing.

  1

  

  Vinayak•300

  @V102002Posted 5 months ago

  Thanks friend@ShoaibShuja

  1