Utilizor
Contact Us

Flex Responsive

You can use media queries to create different flex layouts for different screen sizes and devices.

CSS Flexbox Responsive

You can use media queries to create different flex layouts for different screen sizes and devices.

Responsive Flexbox

Resize the browser window to see the effect.

1
2
3
4

Example

.flex-container {
  display: flex;
  flex-direction: row;
}

@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}