Blog Card Preview Challenge Solution

Community feedback

• 

  Mathias Dell'Osa•210

  @MathiasDWaterlawPosted 8 months ago

  Great solution! if you want to center better the preview card you can add this to the css:

  body {
  display: flex;
  flex-direction: column; <- -otherwise the attribution section goes to the right-
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  }
  

  and then you need to delete the padding property on the body

  Marked as helpful

  1

  ---

  

  Devon Hughes•220

  @DevonHughesCodesPosted 8 months ago

  @MathiasDWaterlaw Thanks a lot!!! I just tried out your fix and it worked perfectly. That's seriously a big help. I'm still grasping flex boxes and positioning the content within them. You're awesome!

  1

  

  Mathias Dell'Osa•210

  @MathiasDWaterlawPosted 8 months ago

  @DevonHughesCodes glad to help! i've learned a lot on flexbox by watching this video: https://www.youtube.com/watch?v=phWxA89Dy94 maybe can be helpful also for you!

  Marked as helpful

  1

  

  Devon Hughes•220

  @DevonHughesCodesPosted 8 months ago

  @MathiasDWaterlaw thanks for sharing!

  1