Tribute page responsive design advice using flexbox

Code Feedback
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.

2 Likes
3

Hmm

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

1 Like
5

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