Survey project - trying to use flexbox but not sure I understand it

HTML-CSS
1

In my survey project, I have an image and text side-by-side which are a good size when on the full-sized web browser. When I make my browser smaller, though, the picture gets really small and the text just wraps around it. I don’t like the way that looks, so I would like the picture to go on top of the text, like I remember doing in the tutorial.

I created a class and tried adding the code like this:

 .intro { display: flex; flex-wrap: wrap; }

… but it made the picture go really looooong. What am I doing wrong?

Thanks for your help!
Katlyn

2

You can put this in the media query you already have (or make another one if the 833px breakpoint doesn’t fit what you want).

.intro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
3

Oh that’s great! I guess I missed the part that it needs to be in the media query. Thanks for your help!