Hi
I am stuck at the Learn CSS: Grid / CSS Grid Essentials / Grid Template Exercises (steps 3 through 9).
https://www.codecademy.com/courses/learn-css-grid/lessons/css-grid-i/exercises/grid-gap?action=lesson_resume&course_redirect=learn-css
When creating columns, rows and gaps with the grid-template and grid-gap properties, it does not show it in the test browser to the right. The grid there always stays the same:
Although the exercise judge says I solve the exercises correctly (by turning green and letting me move one step forward), it does not change the grid.
I copied the code into Notepad++ and had it display with Chrome. The result was the same: I was able to change width and height, but unable to create more than one column.
One hint I got was that Notepad++ did not turn the two grid-properties light blue, as it did with the others. So I guess, the error is to be found somewhere in that area. However, I’m still stuck. Thank you for helping.
I copy my CSS code here
.grid {
display: grid;
border: 2px blue solid;
height: 500px;
width:400px;
grid-template: repeat(3, 1fr) / 3fr 50% 1fr;
grid-gap: 20px 5px;
}
.box {
background-color: beige;
color: black;
border-radius: 5px;
border: 2px dodgerblue solid;
}