Does media queries work with flex box?

Does media queries work with flex box?
0

#1

Hi All,
I created my Survey Form Project and used flex box to center everything, love it. However, in codepen, when I resized the view window, making it smaller, I noticed the input boxes for the name and email are sticking out past the form edge.
I tried adding a media query to have them resize to a smaller width if the screen width was under 900 px, but it didn’t seem to work.
Any ideas?
Here’s my codepen link:
Kee-Survey_Form_Project


#2

You are giving inputboxes set width of 200px and that’s why. Go head and give them width:100%; So that It will just stretch to 100% within its container. :slight_smile:


#3

Thx, again! Works great.