Skip to content

Instantly share code, notes, and snippets.

@taejs

taejs/studying.md

Last active March 21, 2019 15:44
Show Gist options
  • Save taejs/5d89d42bd0be25ec8dcbd042220ed2fe to your computer and use it in GitHub Desktop.
Save taejs/5d89d42bd0be25ec8dcbd042220ed2fe to your computer and use it in GitHub Desktop.
Download ZIP
Days 21 ~ 22: Layout with Grid Chapter 9 ~ 13
Raw
studying.md
title date
Study Notes: CSS Grid Layout Module 1 - Chapter 9 ~ 13
2019-03-21

Original post by tae: Days 21 ~ 22: Layout with Grid Chapter 9 ~ 13

#TIL - Reading CSS Grid Layout Module 1 - Chapter 9 ~ 13

Absolute Positioning

  • absolutely positioned element is positioned within offset properties (top/right/bottom/left) in grid container
  • An absolutely-positioned child of a grid container is out-of-flow and not a grid item, and so does not affect the placement of other items or the sizing of the grid.

Alignment and Spacing

the row-gap, column-gap, and gap properties: Gutters

The row-gap and column-gap properties (and their gap shorthand), when specified on a grid container, define the gutters between grid rows and grid columns.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment