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.
@stetim94: just one question: should’t there be three columns visible? The grid-template defines three columns with the widths of 3fr 50% 1fr. In the link you posted I still only see one column…
On my previous laptop, it still won’t show any changes when I look at it with JS Bin. I just opened it on a different device and here it works just fine, be it in JS Bin or in the Codecademy exercise. I guess the problem is solved - I wonder why, though. If anyone has an idea, please post