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

4 votes263 views1 answer
Striped tables css
CSS
0 vote161 views1 answer
Css witdh
CSS
0 vote167 views1 answer
How to use hr lines in a class css
CSS
0 vote228 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
187 votes484 views6 answers
Div background image
CSS
5 votes180 views2 answers
How to select child when hover on parent element css
CSS
0 vote242 views1 answer
Div overlfow scroll
CSS
1 vote227 views1 answer
Overflow: scroll displaces the inline element
CSS
0 vote233 views1 answer
Flex box divs squeeze together
CSS
0 vote166 views1 answer
Restore mySQL database from .bz2
CSS