Layout with CSS

Things to explain

  • layout methods, margins, floats and clearing, flexbox, positoning, grid systems
  • display property
  • What’s the difference between a relative, fixed, absolute and statically positioned element?
  • Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
  • Positioning
  • Floats
  • Flexbox
  • Going with the flow
  • Layout: Floats, absolutes, fixeds, fluids, breakpoints
  • Aspect ratio div
  • pixel rounding
  • negative margins

Grids

susy margin on left or right or negative columns only on children? http://gridpak.com/ http://www.gridsetapp.com/

Media Queries and managing them with Sass