Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update css-grid.md: fix align/justify explanations #1973

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update css-grid.md: fix align/justify explanations #1973

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions css-grid.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,15 +75,15 @@ prism_languages: [css]
```

```css
/* Item justification (horizontal or column alignment) */
/* Item justification (horizontal or row alignment) */
justify-items: start; /* Align items to the left */
justify-items: center; /* Align items centered within its column */
justify-items: end; /* Align items to the right */
justify-items: stretch; /* (default) Fills available area (horizontally) */
```

```css
/* Item alignment (vertical or row alignment) */
/* Item alignment (vertical or column alignment) */
align-items: start; /* Align items to the top */
align-items: center; /* Align items centered within its row */
align-items: end; /* Align items to the bottom */
Expand All @@ -100,7 +100,7 @@ prism_languages: [css]
```

```css
/* Content justification (horizontal or column alignment) */
/* Content justification (horizontal or row alignment) */
justify-content: start; /* Align content to the left */
justify-content: center; /* Align content centered horizontally within the grid */
justify-content: end; /* Align content to the right */
Expand All @@ -112,7 +112,7 @@ prism_languages: [css]
```

```css
/* Content alignment (horizontal or column alignment) */
/* Content alignment (vertical or column alignment) */
align-content: start; /* Align content to the top */
align-content: center; /* Align content centered vertically within the grid */
align-content: end; /* Align content to the bottom */
Expand Down Expand Up @@ -217,15 +217,15 @@ prism_languages: [css]
```

```css
/* Self justification (horizontal or column alignment) */
/* Self justification (horizontal or row alignment) */
justify-self: start; /* Align item to the left */
justify-self: center; /* Align item centered within its column */
justify-self: end; /* Align item to the right */
justify-self: stretch; /* (default) Fills available area (horizontally) */
```

```css
/* Self alignment (vertical or row alignment) */
/* Self alignment (vertical or column alignment) */
align-self: start; /* Align item to the top */
align-self: center; /* Align item centered within its row */
align-self: end; /* Align item to the bottom */
Expand Down