Skip to content

Phangster/hyrule_potion_shop

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hyrule Potion Shop

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!)

Steps to clone down and open

  1. Open up Terminal
  2. Change into your exercises directory
  3. git clone https://git.generalassemb.ly/ga-wdi-exercises/hyrule_potion_shop.git
  4. cd hyrule_potion_shop to change into the cloned down directory
  5. code . to open the directory you are currently located in VS Code

About

[css, flexbox, morning exercise]

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 60.0%
  • CSS 40.0%