Responsive flexbox in css

.flex-container {
  display: flex;
  flex-direction: row;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}

Similar codes

28 votes346 views6 answers
Linear gradient css background image
CSS
0 vote298 views1 answer
How to make fixed position responsive
CSS
49 votes340 views5 answers
How to remove bullets from ul
CSS
37 votes256 views5 answers
Display css
CSS
0 vote286 views1 answer
Elementor custom css for mobile
CSS
7 votes284 views3 answers
Css stop text wrapping
CSS
1 vote274 views1 answer
Make bg blurred css
CSS
13 votes280 views4 answers
Scss transition mixin
CSS
3 votes289 views2 answers
Make image not draggable css
CSS
72 votes287 views6 answers
Flexbox css
CSS