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

44 votes418 views5 answers
Breakpoint bootstrap
CSS Bootstrap
1 vote322 views1 answer
Div border glow effect css
CSS
0 vote321 views1 answer
Docker buildx push to private registry
CSS
4 votes329 views1 answer
Html make footer stick to bottom
CSS
-1 vote348 views1 answer
Select box arrow hide css in ie
CSS
1 vote329 views1 answer
Before content from attribute
CSS
22 votes339 views2 answers
React bootstrap carousal not working
CSS
0 vote341 views1 answer
Bootstrap 5 css how to change
CSS
11 votes339 views1 answer
Css not class
CSS
1 vote355 views1 answer
Make mat card scrollable
CSS