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

2 votes306 views6 answers
Add image to css
CSS
0 vote283 views1 answer
Jquery hover class css not working
CSS
1 vote307 views2 answers
Image to fill container size
CSS
22 votes292 views5 answers
Circle css
CSS
-1 vote307 views1 answer
Input focus css default
CSS
3 votes282 views2 answers
Css text limit
CSS
17 votes296 views1 answer
Css align items vertical center
CSS
7 votes308 views3 answers
Iframe no scroll
CSS
19 votes346 views6 answers
Box shadow
CSS
0 vote313 views1 answer
For...of...loop
CSS