Flex Container Properties
Flex Items
Preview
Generated CSS
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
padding: 16px;
}
.flex-item {
/* Base styles for all items */
padding: 12px;
background-color: #f3f4f6;
border: 1px solid #d1d5db;
border-radius: 6px;
text-align: center;
}