Blog preview card

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

I’m really proud of this CSS code because I made it mobile responsive without using any @media queries.

.card { max-width: 380px; margin: auto; padding: 20px; }

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

I had trouble centering the image on the screen. And this is the solution I came up with. Using place-content: center, I was able to align and justify it both vertically and horizontally.

body { height: 100vh; place-content: center; max-width: 1440px; margin: auto; padding: 2rem; }

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

I'm not sure if there's a better way to center the image and place the text below it better. I did this, but I don't know if it's the right way.

.attribution { margin-top: 100px; font-size: 11px; text-align: center; }