All the flexbox properties have been removed from holygrail.css
. Fill in the blanks to make the website look nice and responsive again!
Only modify holygrail.css
!
It should follow the concept of the Holy Grail layout.
What we mean by "filling in the blanks" is taking this:
div{
/*background-color:*/
}
...and turning it into this:
div{
background-color: blue;
}
Feel free to take a look at our solution at the link below -- but only peek at the CSS if you're really stuck!
Here's one solution: http://ga-wdi-exercises.github.io/hyrule_potion_shop/
(styles.css
contains all the styling not relevant to flexbox. Feel free to look at it, but don't modify it!)
- Open up Terminal
- Change into your
exercises
directory git clone https://git.generalassemb.ly/ga-wdi-exercises/hyrule_potion_shop.git
cd hyrule_potion_shop
to change into the cloned down directorycode .
to open the directory you are currently located in VS Code