Skip to content

Instantly share code, notes, and snippets.

@Obleo33
Last active December 6, 2016 16:30
Show Gist options
  • Save Obleo33/3b8d1ee0ed4e4df7487c48bfdec67871 to your computer and use it in GitHub Desktop.
Save Obleo33/3b8d1ee0ed4e4df7487c48bfdec67871 to your computer and use it in GitHub Desktop.
Challenge 1

Floating the divs put them out of order so I created a container for divs 2 and 3 to preserve their order and floated the container to the right. Challenge 1

Challenge 2

Div 1 remains static as the positioning was set correctly. Div 2 margin set to auto to center. Div 3 position set to absolute with a right margin of 0. Challenge 2

Challenge 3

Div 2 set inside of div 1. Div 1 margin set to auto to center. Div 2 position set to absolute, margin set to auto and margin-top set to 25px to center. Challenge 3

Challenge 4

Div 2 set inside of div 1. Div 1 position set to absolute with a right margin of 0. Div 2 position set to absolute with a bottom margin of 0. Challenge 4

Challenge 5

asdf Challenge 5

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

Challenge

asdf Challenge #

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