I have this form with four input elements in a row (in desktop view).
Can anybody tell me how to get those four input elements to break into rows when the screen width g
Use a media query with a breakpoint of 680px and flex-direction:column;
flex-direction:column;
form { display: flex; } @media screen and (max-width: 680px) { form { flex-direction: column; } }