Tribute page responsive design advice using flexbox

Just finished another version of my tribute page. :slight_smile:

There is a section of my page using display-flex that contains 2 containers; 1) with image and 2) with text. I would really like them to resize responsively but can’t figure out how to do it. I would also like to get my image vertically centered within the div element as when the website is resized, it goes funny.

I would also appreciate any other advice anyone has to make it better.

Thanks so much

Add media queries where you can regulate element attributes and placement when screen goes to certain sizes. This should help you start.



Well, first off, why don’t you try align-items: center in .main? You’re not taking advantage of flexbox’s properties.

1 Like

Thank you so much. :slight_smile: I’ll check it out