Skip to content

Commit

Permalink
Update introduction_to_grid.md
Browse files Browse the repository at this point in the history
  • Loading branch information
aswain009 authored Nov 4, 2024
1 parent ba53cf8 commit 7452143
Showing 1 changed file with 10 additions and 1 deletion.
11 changes: 10 additions & 1 deletion intermediate_html_css/grid/introduction_to_grid.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

View workflow job for this annotation

GitHub Actions / Lint lesson files

Links have descriptive text labels

intermediate_html_css/grid/introduction_to_grid.md:48 TOP001/descriptive-link-text Links have descriptive text labels [Expected text to not include the words "this" or "here". Use a more descriptive text that clearly conveys the purpose or content of the link.] [Context: "[this](https://github.com/TheOdinProject/css-exercises/tree/main/foundations/flex/07-flex-layout-2)"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP001.md

Check failure on line 48 in intermediate_html_css/grid/introduction_to_grid.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Links have descriptive text labels

intermediate_html_css/grid/introduction_to_grid.md:48 TOP001/descriptive-link-text Links have descriptive text labels [Expected text to not include the words "this" or "here". Use a more descriptive text that clearly conveys the purpose or content of the link.] [Context: "[this](https://github.com/TheOdinProject/css-exercises/tree/main/foundations/flex/07-flex-layout-2)"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP001.md
![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.
Expand Down Expand Up @@ -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

View workflow job for this annotation

GitHub Actions / Lint lesson files

Multiple consecutive blank lines

intermediate_html_css/grid/introduction_to_grid.md:93 MD012/no-multiple-blanks Multiple consecutive blank lines [Expected: 1; Actual: 2] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md012.md

Check failure on line 93 in intermediate_html_css/grid/introduction_to_grid.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Multiple consecutive blank lines

intermediate_html_css/grid/introduction_to_grid.md:93 MD012/no-multiple-blanks Multiple consecutive blank lines [Expected: 1; Actual: 2] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md012.md
### Additional resources

Check failure on line 94 in intermediate_html_css/grid/introduction_to_grid.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Required heading structure

intermediate_html_css/grid/introduction_to_grid.md:94 TOP004/lesson-headings Required heading structure [Expected: h4 heading; Actual: h3 heading] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP004.md

Check failure on line 94 in intermediate_html_css/grid/introduction_to_grid.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Required heading structure

intermediate_html_css/grid/introduction_to_grid.md:94 TOP004/lesson-headings Required heading structure [Expected: h4 heading; Actual: h3 heading] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP004.md

This section contains helpful links to related content. It isn't required, so consider it supplemental.
Expand Down

0 comments on commit 7452143

Please sign in to comment.