Layout with CSS

If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.

quote from https://every-layout.dev.

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 ☞