Personal portfolio pag - image collapses in flex box

Personal portfolio pag - image collapses in flex box
0

#1

Hi there! Hope this Codepen link works. Just trying to build site so far so little content (and crazy color scheme!)

My problem is that my circular image collapsed to an oval when I applied Display Flex to my ‘Intro’ div. Really stuck with it!

Thanks x


#2

I’m not 100% sure if this is the fix you are looking for, but it seems like your h2 is taking up all the real estate, so you could try to set a specific width on it:

.intro h2 { 
  width: 800px;
}

Basically, 1000 (width of intro) - 200 (width of image).


#4

Thank you so much for your help! I got it fixed eventually, really appreciate your replying to me :slight_smile:


#5

Fixed with this! Thanks so much. CSS minimum width corrected the picture perfectly. Much appreciated :slight_smile: