@MathiasDWaterlaw
Posted
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
@DevonHughesCodes
Posted
@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!
@MathiasDWaterlaw
Posted
@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
@DevonHughesCodes
Posted
@MathiasDWaterlaw thanks for sharing!