Blog preview card challenge

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

Big thanks to @Islandstone89 for the super helpful feedback on my first project! I’m most proud that I was able to apply that feedback—not just to the previous project, but also to this one. I really tried to carry over those best practices and improve overall quality.

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

I learned that img tags are inline elements by default, which can cause unexpected whitespace gaps in the layout. These gaps aren’t always obvious in developer tools, which makes debugging tricky. I fixed it by setting display: block; on the images.

Another thing I discovered: Flexbox’s default align-items value is stretch, which made some elements take up more space than intended. Setting align-items: flex-start; gave me the alignment I actually wanted.

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

• How can I avoid unnecessary styles in my CSS file?
• How do you usually handle fonts? My font setup ends up using a lot of lines.
• What’s the best way to deal with different font sizes or styles on mobile/desktop? Do you rely on media queries or is there a cleaner way?