First time using flexbox

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

I'm proud of how my solution looks quite close to the design.

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

I didn't know where to start, so my initial solution was all over the place. I kept making changes until I lost track of them and I couldn't center the div vertically.

I then got advice that I should start from the largest elements first and work from the outside in. I started over with a blank CSS sheet and finally got it working.

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

I positioned the .attribution class at the bottom of the page using position: absolute, which looks fine on devices with enough height. But if I resize the browser to make it shorter, it then overlaps with the card. I want to make it inline so that it stays under the profile card.

I've tried different things but I haven't found the answer. I think I'm supposed to add a media query:

@media only screen and (max-height: 580px) {
    .attribution {
        
    }
}