Column 1
Column 2
Column 3
Column 1
Column 2
Column 3
.grid-container {
display: grid;
/* repeat(3, 1fr) creates three equal columns that take up 1 fraction of space each */
grid-template-columns: repeat(3, 1fr);
gap: 10px; /* Optional spacing between columns */
}
.grid-item {
border: 1px solid #ccc;
padding: 20px;
text-align: center;
}
.flex-container {
display: flex;
gap: 10px;
}
.flex-item {
flex: 1; /* Makes all items grow equally to fill the row */
border: 1px solid #ccc;
padding: 20px;
text-align: center;
}
.side-left {
width: 250px;
border: 1px solid #ff6600;
padding: 20px;
font-size: 20px; }
.header {
background: linear-gradient(180deg, rgba(250, 215, 95, 1) 0%, rgba(247, 107, 28, 1) 100%);
}