Merge branch 'TheOdinProject:main' into thatblindgeye-patch-2
This commit is contained in:
commit
baa4cb150c
|
@ -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 read this template in its entirety before filling it out to ensure that it is filled out correctly. -->
|
||||||
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:
|
|
||||||
-->
|
|
||||||
|
|
||||||
- [ ] 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`
|
- [ ] 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**
|
**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**
|
**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
|
Closes #XXXXX
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 58 KiB |
|
@ -37,11 +37,10 @@ body {
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 52px;
|
gap: 52px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,8 +6,9 @@ As with the previous exercise, we've left a little more for you to do.
|
||||||
|
|
||||||
### Hints
|
### Hints
|
||||||
- You will need to change the flex-direction to push the footer down.
|
- 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.
|
- `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
|
## Desired outcome
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue