Merge branch 'TheOdinProject:main' into thatblindgeye-patch-2

This commit is contained in:
Eric Olkowski 2022-01-29 20:58:47 -05:00 committed by GitHub
commit baa4cb150c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 10 deletions

View File

@ -1,15 +1,19 @@
<!--
Thank you for taking the time to contribute to The Odin Project. In order to get pull requests (PRs) closed in a reasonable amount of time, you must include a baseline of information about the changes you are proposing. Please complete all applicable checkboxes (replace the whitespace between the square brackets with an 'x', e.g. [x]) and answer the following triage questions:
-->
<!-- Thank you for taking the time to contribute to The Odin Project. In order to get pull requests (PRs) closed in a reasonable amount of time, you must include a baseline of information about the changes you are proposing. Please read this template in its entirety before filling it out to ensure that it is filled out correctly. -->
- [ ] I have thoroughly read the [CSS Exercises Contributing Guide](https://github.com/TheOdinProject/css-exercises/blob/main/CONTRIBUTING.md)
<!-- Complete the following REQUIRED checkboxes by replacing the whitespace between the square brackets with an 'x', e.g. [x]. -->
- [ ] I have thoroughly read and understand the [CSS Exercises Contributing Guide](https://github.com/TheOdinProject/css-exercises/blob/main/CONTRIBUTING.md)
- [ ] The title of this PR is in `file/exercise/folder: brief description of changes` format e.g. `01 flex center: add hint for XYZ`
- [ ] If one exists, I have linked a related open issue to this PR by replacing `XXXXX` in Step 2 below with the issue number, e.g. `#2013`
- [ ] If changes were requested, I have made them in a timely manner and re-requested a review from the maintainer (top of the right sidebar)
<!-- Complete the following checkboxes only if they are applicable to your PR. You can complete these later if they are not currently applicable. -->
- [ ] If one exists, I have linked a related open issue to this PR in Step 2 below
- [ ] If changes were requested, I have made them and re-requested a review from the maintainer (top of the right sidebar)
**1. Description of the Changes**
<!-- A clear and concise description of your changes. If this PR is not related to an open issue also include why you are proposing these changes, such as what benefits the changes have or what problem(s) they solve. -->
<!-- A clear and concise description of your changes. If this PR is not related to an open issue also include why you are proposing these changes, such as what benefits the changes have or what problem(s) they solve. -->
**2. Related Issue**
<!-- If the PR is not related to any open issue, skip this step.
Otherwise, replace the XXXXX with the issue number, e.g. Closes #2013, or if the issue is in another TOP repo replace #XXXXX with the URL of the issue, e.g. Closes https://github.com/TheOdinProject/curriculum/issues/XXXXX -->
Closes #XXXXX

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -37,11 +37,10 @@ body {
.container {
display: flex;
align-items: center;
justify-content: center;
gap: 52px;
}
.info {
max-width: 200px;
}
}

View File

@ -6,8 +6,9 @@ As with the previous exercise, we've left a little more for you to do.
### Hints
- You will need to change the flex-direction to push the footer down.
- You will need to add some divs as containers to get things to line up correctly.
- You will need to add some divs as containers to get things to line up correctly.
- `flex-wrap` will help get the cards aligned correctly.
- Make sure you define how much space the cards should take up, in order for `flex-wrap` to work as intended.
## Desired outcome