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

Fix a spelling mistake #12

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open

Fix a spelling mistake #12

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
2 changes: 1 addition & 1 deletion _examples/example17.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,6 @@ spec: https://drafts.csswg.org/css-grid/#common-uses-auto-placement
example-codepen-embed: '<p data-height="565" data-theme-id="0" data-slug-hash="PqMwRw" data-default-tab="result" data-user="rachelandrew" class="codepen">See the Pen <a href="http://codepen.io/rachelandrew/pen/PqMwRw/">Grid by Example 17: Grid Auto-placement</a> by rachelandrew (<a href="http://codepen.io/rachelandrew">@rachelandrew</a>) on <a href="http://codepen.io">CodePen</a>.</p>'
---

If you declare a Grid on an element and do not position the child elements then the [auto-placememt algorithm](https://drafts.csswg.org/css-grid/#common-uses-auto-placement) dictates what the browser should do about those unplaced grid items.
If you declare a Grid on an element and do not position the child elements then the [auto-placement algorithm](https://drafts.csswg.org/css-grid/#common-uses-auto-placement) dictates what the browser should do about those unplaced grid items.

In this example I have a set of 12 boxes. I've used nth-child to switch the background color on the even boxes to make this example clear. I have declared a Grid and created rows and columns but not positioned any of the children. As you can see the boxes all lay out on the Grid despite having no placement assigned to them.