tod
/
odin-default-css-exercises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update grid/03-grid-layout-3/README.md 

Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com>
This commit is contained in:
Daniel Murphy 2022-06-13 21:17:35 -04:00 committed by GitHub
parent 8719d34fda
commit 965fcbd6a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
grid/03-grid-layout-3/README.md
View File

@ -3,7 +3,7 @@
Now that you've made your Holy Grail layout responsive, we are going to have some fun making it a bit more complicated and adding some features. You might find this to be a bit more challenging than you expected. You might even be tempted to use Flexbox. But for the sake of this practice assignment, try and see if you can figure out how to recreate this entire mockup using only Grid. Feel free to add in your own dummy content or styling too!
### Hints
- For this exercise you will need to add some CSS declaration blocks to the style.css file. Look through the HTML to see what CSS classes you should use and remember you can use descendant selectors too
- For this exercise you will need to add some CSS declaration blocks to the style.css file. Look through the HTML to see what selectors and combinators you can use.
- Take the layout one section at a time
- You don't need to add or change anything to the HTML, but it will be helpful to look through the parent and child relationships between elements
- Just like with Flexbox, you can easily center an item by making it into a grid