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 vote122 views1 answer
How to hover over an individual cell in table css
CSS
4 votes123 views2 answers
Css center vertically
CSS
13 votes111 views6 answers
Line css
CSS
0 vote121 views1 answer
@font-face multiple font weights
CSS
-1 vote108 views1 answer
Purge tailwind css
CSS
21 votes130 views5 answers
How to open a file in vscode from terminal
CSS
38 votes117 views6 answers
Text gradient css
CSS
0 vote119 views1 answer
Scss how to use a variable in entire angular project
CSS
-2 votes111 views1 answer
Css transform translate and rotate
CSS
2 votes109 views1 answer
Image crop using css 1:1
CSS