How will the grid items display?

How will the grid items display?
grid-template-columns: 2fr 1fr;

  • The first column is twice the height of the second column and will be as wide as the content
  • The first column is half the size of the container and the second column will absorb the remaining space
  • The first column is twice as wide as the second column and will fit proportionally within the grid container
  • The first column is twice the width and height of the second column, and will fit proportionally within the grid container
Join our list

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Leave a Comment

Join our list

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Send this to a friend