Responsive Blog Card

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

I made the main card and attributes section move at the center and bottom respectively using Flexbox this was my highlight achievement in this project

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

The only thing that made me sweat in this challenge was that I didn't know how to make the attribution section and the main card at the center and bottom but i was able to do it with the following code

body{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.home{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mid{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}