Blog-preview-card

What are you most proud of, and what would you do differently next time?

Everything went well. I managed to utilize flexbox quite well I think and didn't have much trouble at all getting the layout to work. I think I was too fixated on getting things pixel perfect, especially with the font sizes and line heights.

What challenges did you encounter, and how did you overcome them?

I had some trouble with the author part at the bottom of the card, I was using flexbox. What worked in the end was wrapping every part (i.e. the image and the name) in a separate div, as well as wrapping these divs in one big flexbox div (i called it author in my project). By doing that I could simply position the author div and didnt have to worry about any margins or padding of the content affecting the layout.

What specific areas of your project would you like help with?

The background of the small "Learning" tag below the image overlapped with the margin I put on said image. I didn't know how to fix it in a way that made the margins correct like in the figma file, so I bandaid fixed it by adding the amount of padding at the top of the "Learning" tag to the bottom margin of the image. Not too satisfied with that.