Blog Preview Card using flexbox

Hello @joacomenda.

Congratulations on the completion of your project.

I'm still new and I'm not at the level of the other developer here but I'll pass on some advice I recently received from @danielmrz-dev.

"Try using<h1> to <h6> tags for headings instead of<p> since they are used for paragraphs. When it comes to headings. This can improve the structure of your HTML and make it look cleaner."

This is one of my mistakes I've made a lot and I hope you find this helpful. Happy coding.

Your method of using the section and styling it accordingly works just as well. But if you want another way, you could try and place the image, the body, and the avatar and author name into 3 separate div elemtents and then add the CSS properties on the body element. That will target all the div elements inside of the body and center the content horizontally and vertically.

For responsive design, it depends. Some people like to start with a mobile first workflow, where they design the webpage for mobile devices first and then use media queries to adjust for desktop sizes. What I did was design it for desktop first and then reduced the width accordingly when the screen width was reduced to that of mobile devices

Thanks for this I learn new by viewing your script.