This was a static comp challenege to practice utilizing grid layouts and responsive design.
The spec for this challenge can be found here.
The project asked for a layout match of this comp, with creative liscence on the content, colors, and icons.
I created four breakpoints for this design - mainly for practice utilizing media queries. Additionally I challenged myself to use grid-template-areas
as I hadn't used them before.
fork
this repositorygit clone
it down to your command line- Navigate into the repository on your machine
- Run
npm install
- Open src/index.html
OR
Visit live site here
- HTML
- CSS
- normalize.css
- In furture iterations I would impletment functionality for the site including:
- User Login/Admin View
- Favorite Button Functionality and View Favorites Button functionality
- Let's Make It! Button Functionality to flip card and display recipe and instructions
- How To Button functionality that would open a page of instructional videos.
This project was designed and implemented by Kristen Bair