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.
Here’s my codepen link:
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.
Thx, again! Works great.