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

3 votes157 views1 answer
Convert angular project from css to scss
CSS
0 vote176 views1 answer
Radio button css only 1
CSS
0 vote173 views1 answer
How to write text in middle of straight line in css
CSS
42 votes149 views5 answers
Css center everything
CSS
33 votes146 views5 answers
Css strikethrough html text
CSS
1 vote166 views1 answer
Force element to bottom of page
CSS
68 votes207 views6 answers
Flex
CSS
0 vote159 views1 answer
Tail block css
CSS
13 votes209 views7 answers
Animate.css
CSS
0 vote157 views2 answers
How to reduce the size of png image in css
CSS