-
Notifications
You must be signed in to change notification settings - Fork 13.6k
Commit
- Loading branch information
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -45,7 +45,7 @@ For one-dimensional layouts, Flex offers a convenient tool without having to rel | |
|
||
For two-dimensional layouts, you learned a little bit about `flex-wrap`, which allows you to take your flex items and wrap them to the next line. This can be done with either a row that wraps to another row, or a column that wraps to another column. | ||
|
||
Remember how much fun you had solving the card layout in <a href="https://github.com/TheOdinProject/css-exercises/tree/main/foundations/flex/07-flex-layout-2"> this</a> exercise? | ||
Remember how much fun you had solving the card layout in [this](https://github.com/TheOdinProject/css-exercises/tree/main/foundations/flex/07-flex-layout-2) exercise? | ||
Check failure on line 48 in intermediate_html_css/grid/introduction_to_grid.md GitHub Actions / Lint lesson filesLinks have descriptive text labels
Check failure on line 48 in intermediate_html_css/grid/introduction_to_grid.md GitHub Actions / Lint lesson filesLinks have descriptive text labels
|
||
![flex-exercise-desired-outcome.png](https://github.com/TheOdinProject/css-exercises/blob/main/foundations/flex/07-flex-layout-2/desired-outcome.png) | ||
|
||
We know that was a frustrating one, but it's part of the point. While Flexbox allows you to build a layout of rows and columns together, it isn’t always easy. | ||
|
@@ -82,6 +82,15 @@ The following questions are an opportunity to reflect on key topics in this less | |
- [Why was CSS Grid introduced?](#what-is-grid) | ||
- [Which CSS layout module would you use to easily make equal sized items in a container?](#what-is-grid) | ||
|
||
### Assignment | ||
|
||
<div class="lesson-content__panel" markdown="1"> | ||
|
||
- Look through the developer tools docs on [inspecting CSS Grid in Chrome DevTools](https://developer.chrome.com/docs/devtools/css/grid/). | ||
|
||
</div> | ||
|
||
|
||
Check failure on line 93 in intermediate_html_css/grid/introduction_to_grid.md GitHub Actions / Lint lesson filesMultiple consecutive blank lines
Check failure on line 93 in intermediate_html_css/grid/introduction_to_grid.md GitHub Actions / Lint lesson filesMultiple consecutive blank lines
|
||
### Additional resources | ||
Check failure on line 94 in intermediate_html_css/grid/introduction_to_grid.md GitHub Actions / Lint lesson filesRequired heading structure
Check failure on line 94 in intermediate_html_css/grid/introduction_to_grid.md GitHub Actions / Lint lesson filesRequired heading structure
|
||
|
||
This section contains helpful links to related content. It isn't required, so consider it supplemental. | ||
|