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

32 votes291 views6 answers
@font-face in css
CSS
1 vote341 views1 answer
Content-visibility
CSS
0 vote285 views2 answers
Difference bw box and border box
CSS
0 vote280 views1 answer
Reference images from css in django
CSS
3 votes289 views1 answer
Css animation keep final state
CSS
0 vote254 views1 answer
What's 275 divided by 630
CSS
0 vote283 views1 answer
For...of...loop and NodeLists
CSS
0 vote277 views1 answer
Check concurrent connections for linux user
CSS
2 votes262 views5 answers
Css disable input
CSS
5 votes279 views2 answers
Make text not selectable
CSS