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

1 vote173 views1 answer
Create a animation name in css
CSS
4 votes132 views1 answer
Grid repeating auto columns
CSS
2 votes154 views4 answers
Css image sharpen
CSS
1 vote261 views1 answer
Css light grey
CSS
21 votes169 views6 answers
Text border css
CSS
0 vote146 views1 answer
Place image on top right inside flex css
CSS
0 vote142 views1 answer
Css ol align center
CSS
0 vote136 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
16 votes146 views4 answers
Full page background image in html
CSS
49 votes139 views6 answers
Min and max width media query
CSS