stacimcwilliams/CSS-Challenges.md

Last active December 8, 2016 03:05

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/stacimcwilliams/0b565c68ff578b5169f14d5af1dc4be9.js"></script>
Save stacimcwilliams/0b565c68ff578b5169f14d5af1dc4be9 to your computer and use it in GitHub Desktop.

Download ZIP

CSS Challenges

Raw

CSS-Challenges.md

Challenge 1//

My approach was to use float left and right to orient the div's. It was order specific so I ordered them 1,3,2 to make them appear in the same order as the comp. I used in-line block to make the elements stack next to each other, and then adjusted the padding,height and width to match the comp.//

[Challenge 1] (http://codepen.io/snmcwilliams/pen/zoWwEP?editors=1100)//

Challenge 2//

My approach was to make the header block elements so they would stack next to each other. I gave them a bit of margin on the left for breathing room.

Challenge 2 //