punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #98 from akaminetzkyp/fix-capitalize-flex

Browse source 
Capitalize a letter in flex modal exercise
This commit is contained in:
Cody Loyd 2022-01-12 13:19:07 -06:00 committed by GitHub
commit 56bfc5aee5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
flex/05-flex-modal/README.md
View file

@ -1,7 +1,7 @@
# A common 'modal' style # A common 'modal' style
This one is another very common pattern on the web. The solution to this one is _simple_... but it might not be immediately obvious to you. You'll need to edit the HTML a bit to get everything where it needs to be. This one is another very common pattern on the web. The solution to this one is _simple_... but it might not be immediately obvious to you. You'll need to edit the HTML a bit to get everything where it needs to be.
### a hint ### A hint
Depending on how you approach this one, you might need to revisit the `flex-shrink` property to keep a flex item from getting smashed. Depending on how you approach this one, you might need to revisit the `flex-shrink` property to keep a flex item from getting smashed.
## Desired outcome ## Desired outcome
@ -15,4 +15,4 @@ Depending on how you approach this one, you might need to revisit the `flex-shri
- There is padding around the edge of the modal. - There is padding around the edge of the modal.
- The header, text, and buttons are aligned with each other. - The header, text, and buttons are aligned with each other.
- The header is bold and a slightly larger text-size than the text. - The header is bold and a slightly larger text-size than the text.
- The close button is vertically aligned with the header, and aligned in the top-right of the card. - The close button is vertically aligned with the header, and aligned in the top-right of the card.