Change the grid so the middle column is still 50% of the grid, but the first column takes up three fourths of the remaining space and the last column takes up one fourth

Language Help
1

Change the grid so the middle column is still 50% of the grid, but the first column takes up three fourths of the remaining space and the last column takes up one fourth.

.grid {
display: grid;
border: 2px blue solid;
width: 400px;
height: 500px;
grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
}

.box {
background-color: beige;
color: black;
border-radius: 5px;
border: 2px dodgerblue solid;
}

what should I do ?

2

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.