Skip to content

Instantly share code, notes, and snippets.

@hsanchez7934
Last active March 24, 2017 19:00
Show Gist options
  • Save hsanchez7934/ecf5b6a6875fdc71fdcda6359492e641 to your computer and use it in GitHub Desktop.
Save hsanchez7934/ecf5b6a6875fdc71fdcda6359492e641 to your computer and use it in GitHub Desktop.
CSS Code Challenge
##### CSS Challenge 1
DIV 2 & 3 I floated right and adjusted margins accordingly to achieve desired positions. DIV1 I left alone.
Challenge 1: https://codepen.io/hsanchez7934/pen/qrxjrL
##### CSS Challenge 2
DIV 1 I didn't adjust positioning. DIV 3 I floated right, DIV 2 I adjusted margin to position it.
Challenge 2: https://codepen.io/hsanchez7934/pen/bqLrGo
##### CSS Challenge 3
I used position: absolute on div2 relative to DIV1 and adjusted margins accordingly.
Challenge 3: https://codepen.io/hsanchez7934/pen/rydLxz
##### CSS Challenge 4
I used position absolute and relative and adjusted margins accordingly.
Challenge 4: https://codepen.io/hsanchez7934/pen/JWLKya
##### CSS Challenge 5
I adjusted margins to move the divs around and position them to match the comp.
Challenge 5 https://codepen.io/hsanchez7934/pen/JWLKBw
##### CSS Challenge 6
I nested div's 2 & 3 inside of div1. I experimented with margin positioning on div's 2 & 3 to position them inside of div1.
https://codepen.io/hsanchez7934/pen/YZvKXG
##### CSS Challenge 7
I nested div2 inside of div1 and adjusted margins on div2 to achieve my desired position.
https://codepen.io/hsanchez7934/pen/LWrPZG
##### CSS Challenge 8
I nested div2 inside of div1 and adjusted div2's margins to achieve my desired position.
https://codepen.io/hsanchez7934/pen/NpzKdz
##### CSS Challenge 9
I nested div2 & div3 inside of div1 and adusted marings on div2 & 3 to achieve my desired positioning.
https://codepen.io/hsanchez7934/pen/LWrPLZ
##### CSS Challenge 10
I nested div 2 inside of div1. I nested div3 inside of div2 and used inline-block to get them to line up next to each other.
I used margin positioning after that to achieve my desired positioning.
https://codepen.io/hsanchez7934/pen/qrKWGm
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment