This question already has answers here: Which characters are valid in CSS class names/selectors? (11 answers) Closed 15 days ago. I’m trying to build a simple grid layout aa/bc/dd and can’t figure out what’s wrong, kinda running out of ideas… .container { display: grid; grid-template-areas: ‘head head’ ‘nav main’ ‘foot foot’; gap: 10px; } .content […]

This question already has answers here: Which characters are valid in CSS class names/selectors? (11 answers) Closed 15 days ago. I’m trying to build a simple grid layout aa/bc/dd and can’t figure out what’s wrong, kinda running out of ideas… .container { display: grid; grid-template-areas: ‘head head’ ‘nav main’ ‘foot foot’; gap: 10px; } .content […]

I have this jsfiddle:

I have this jsfiddle:

I was wondering how does the Css grid layouts.
I am trying to figure out a grid layout which make all input in a row and fit the grid column.

How to get a column to span until the last grid line in an auto-flow grid? With an explicit grid, one can reference the -1 line, but it doesn’t seem to work with auto-flow. Here’s the code:

I’ve encountered an issue with CSS Grid and nesting, and I’m hoping someone can help clarify the differences for me. Here are the two sets of CSS I’m working with:

What I want to achieve is this:

I’m new here, so my first question is is there anyone who did level 26 of grid-garden, I’m stuck in level 26 right now.