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.

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

Aswain009 patch 2 #29052

Closed
wants to merge 5 commits into from
Closed
Changes from all commits
Commits
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
14 changes: 11 additions & 3 deletions intermediate_html_css/grid/introduction_to_grid.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,9 +45,8 @@

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 this exercise?

[![flex-exercise-desired-outcome.png](https://i.postimg.cc/vZ81HMkB/flex-exercise-desired-outcome.png)](https://github.com/TheOdinProject/css-exercises/tree/main/flex/07-flex-layout-2)
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 @@ -83,7 +82,16 @@
- [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
Loading