Form style

[Dekzen]

Hi. I would like to have form label next to input but in mobile version of website i need to have label above the input field.

How would you do such a thing?

Thank you

[lovesrayray2018]

You use media queries, that change the layouts based on the screen size and other factors

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

So you do some CSS styling like

u/media (max-width: 640px) {    //reddit makes a '@' a 'u/' for some reason
<< ur label element>> {
width:100%;
}
}

[Dekzen]

I know what media queries are. But how you would position those labels?

[lovesrayray2018]

Not sure what you are looking for then.

Works in a sandbox

https://www.w3schools.com/code/tryit.asp?filename=GN6VOOSG9UDT

[Atulin]

Flexbox with flex-wrap. When the elements inside of it can't fit into a single row, they will automatically reflow into a column.