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

0 vote347 views1 answer
Change d in path svg css
CSS
7 votes380 views2 answers
Float center tailwind
CSS
24 votes326 views3 answers
Css remove outline
CSS
0 vote398 views1 answer
How fixed image at top
CSS
0 vote359 views1 answer
Css sign in with google
CSS
0 vote347 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
0 vote332 views1 answer
Punderline none
CSS
0 vote347 views1 answer
How to set box into another box using html and css
CSS
0 vote374 views1 answer
Css fade change coloir
CSS
0 vote313 views1 answer
Text width tailwindcss
CSS