Simple Card Box Using Flexbox

Hi

It's a neat work, but setting width of main to 25% wasn't a good idea =) On the mobile version, which is 375px, the width of the card is 94px.

Here is a tip for simple responsive width:

main {
    width: 95%;
    max-width: 40rem;
}

That way it'll keep 40rem width and become 95% if screen size will be less. Of course, you can use any values, it's just an example.

The same about the avatar picture - it's quite a tiny element, so there is no harm to hardcode it's width =)

Overall, cool work, keep doing =)