Skip to content

Instantly share code, notes, and snippets.

@brucekchung
Last active October 17, 2017 15:35
Show Gist options
  • Save brucekchung/15d9b59aa4f13b967da792d135e15ba9 to your computer and use it in GitHub Desktop.
Save brucekchung/15d9b59aa4f13b967da792d135e15ba9 to your computer and use it in GitHub Desktop.

#CSS Layout Challenge

  1. https://codepen.io/BruceChung/pen/veRMPv?editors=1100 1 and 3 float left and right, 2 positioned relative
  2. https://codepen.io/BruceChung/pen/wrmbGK?editors=1100 2 margin 0 auto, 3 float right
  3. https://codepen.io/BruceChung/pen/xXWNEJ 2 pos: relative, top: 15px
  4. https://codepen.io/BruceChung/pen/jGxQBz?editors=1100# pos: relative, top: -50px, left: -50px
  5. https://codepen.io/BruceChung/pen/zEjMWV?editors=1100 1: float right, 2: clear both and margin auto
  6. https://codepen.io/BruceChung/pen/boMQrY?editors=1100 div 1 and 2 relative, 3 absolute
  7. https://codepen.io/BruceChung/pen/LzrBpv took away body margin, positioned 2 relative
  8. https://codepen.io/BruceChung/pen/LzrBxK?editors=0110 same as above
  9. https://codepen.io/BruceChung/pen/oGyMov?editors=1100 container div set to relative, inner divs set to absolute with zero on left, right, and top or bottom.
  10. https://codepen.io/BruceChung/pen/WZYVLE?editors=0100
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment