Blog Preview Card using HTML/CSS - Flexbox, Media Queries, and BEM

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

I was proud of the way I approached this project this time around. The previous QR code project gave me some insight on the best place to start. For next time, I will to find a more suitable structure for the html because I had to tweak this one a bit to achieve the closest representation of the target layout.

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

I had some issues with other elements changing when I was applying sizes to the elements further along the card. I found out that when you apply a <b> tag, it restricts the modification of the font-size. At least, it did in this case. Once I removed that, it worked. I used font-weight instead to embolden the text to match.

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

I still struggle with keeping the HTML semantical. At times, it's not clear whether or not a 'div' would be too general. I've learned that the rule of thumb for 'section' is that: if everything within that tag relates to/relies on one another, then it's appropriate. Any tips here would be greatly appreciated!