Tribute page responsive design advice using flexbox

Tribute page responsive design advice using flexbox
0

#1

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

https://codepen.io/conicbe/full/YjedoE/


#2

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


#3

Hmm

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


#5

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