Jump to content

grid-column-start: integer + custom-ident value


Recommended Posts

According to the MDN reference page for grid-column-start, the following syntax is a valid option for grid-column-start:

/* <integer> + <custom-ident> values */
grid-column-start: somegridarea 4;

The page gives the following description of the above syntax option:


Contributes the nth grid line to the grid item’s placement.

As I understand the above syntax option, this means that if we have a grid area named "somegridarea", the item would be placed at the 4th column line named somegridarea-start. Is this correct?

I have written the following codepen to test this; however obviously the results are not as desired.

What example can be be used to correctly illustrate the above syntax option for grid-column-start?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...