Mobile first Blog preview card solution using CSS grid and flexbox

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

I am most proud of the accuracy of my website compared to the design. I got stuck into the project straight away without much planning, so often I would go back to my HTML code to change the structure which wasn't a big deal for a project of this size, however I can see how that would cause issues in a bigger project so, next time, I would spend more time planning my approach and getting the HTML structure to be as accurate as possible.

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

I struggled to center the blog preview card on the screen. To overcome this challenge, I referred to some informative videos on centering div elements in CSS using flexbox and grid. Ultimately, I came up with a solution. However, I'm not fully convinced that my solution is the most optimal.

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

I would like some advice on centering the blog preview card on the screen. Did I do it perfectly, or is there a better way to center it?