Hi guys, I’m working on Survey Form project but get stuck in using media queries for making the form showing one column only with several rows. I use display: grid for the form container. Please help me figuring out how to do it properly.
here is my pen link :
Hi, there kindly try using the
You can try what
@mrkoodi has said, except if you want to make it center horizontally, you have to use
align-items: center instead of justify-content, because
flex-direction is applied
Else you can try this, since you have the grid
text-align: left to the div which contains the label
Make the padding of
ul to 0 which contains the checkbox and radio
Give a full width to all the fields, input, textbox to 100% width in
thank you very much
it’s working except the text area.
I’ve tried to give the width : 100% but it still doesn’t work.
Thank you very much. Very fast response and it works!!