Blog Preview Card using HTML and CSS

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

I am very Proud on my HTML and CSS skills in future i just want to focus on media quaries!

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

I faced difficulty while aligning the avatar image with avatar name, but after some try i done it with CSS Position property. below are the code snippets at that part i face difficulty:

 
        
        Greg Hooper
      

footer{
    padding: 20px 0 5px;
    text-align: left;
}
footer img{
    width: 35px;
}
footer .avatar-name{
    display: inline-block;
    position: relative;
    bottom: 12px;
    font-weight: 800;
    padding-left: 8px;
    color: hsl(0, 0%, 7%);
}
h1:hover{
    color:hsl(47, 88%, 63%);
}

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

Actually i need help to understand the concept of media quaries!