Skip to content

Instantly share code, notes, and snippets.

@the-oem

the-oem/turing_css_challenges.md

Last active March 24, 2017 17:49
Show Gist options
  • Save the-oem/1f575b174ce288635bebe4e0ad0bdc8d to your computer and use it in GitHub Desktop.
Save the-oem/1f575b174ce288635bebe4e0ad0bdc8d to your computer and use it in GitHub Desktop.
Download ZIP
Turing CSS Challenges
Raw
turing_css_challenges.md
Challenge 1

Floated div 1 to the left, wrapped div 2 and div 3 in a span and floated it right. Used the span to maintain the order of 2, 3 when using float:right.

Challenge 2

Since div's are in block format, just specified where div2 and div3 needed to be placed.

Challenge 3

This felt hacky...positioning inner box using percentages and then backing it up by -50px.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment