Pt
PowerUtils

Flexbox Generator

Visually adjust Flexbox layout and generate CSS code

How to Use

  • •Select flex-direction
  • •Adjust justify-content
  • •Adjust align-items
  • •Select flex-wrap
  • •Copy the generated CSS code
1
2
3
.container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 10px;
}
Feedback

Feedback