Flex grid genrator

men

How use flex?

How use grid?

men
arrow down
Diraction:
Wrap:
Main Axis:
Cross Axis:
1
2

.layout {

display: flex;

gap: 15px;

flex-direction: row;

flex-wrap: nowrap;

justify-content: flex-start;

align-items: stretch;

}

Flex exemple

pet
.layout{display: flex;gap: 20px;flex-wrap: wrap;max-width: 500px;}.flex__item:nth-child(3){flex-grow:1 }
.layout{display: flex;gap: 20px;flex-wrap: wrap;flex-direction: column;max-width: 500px;}