Blog preview card using Flexbox and media queries

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

Compared to the first challenge I had and idea on how to begin.

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

Although it's a simple project, I got stuck because my font size wouldn't update in resolutions higher than 992px. This happened because I had set the media query rule for my before the default one. CSS reads and applies styles from top to bottom, so if you have conflicting styles, the one defined last will override the previous ones, assuming they have the same specificity.

It took me some time to realize the mistake and fix it, but it was a learning experience.

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

I'm using the following on my CSS:

display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;

to center my content. However, when adding the footer, a scrollbar appears, which I don't like. To address this, I adjusted the min-height to a value that prevents the scrollbar from appearing on larger resolutions. I'd like to know if this approach is recommended or not.

Thanks!