// HTML + CSS

1. CSS preprocessors, post processors
sass, stylus, less
- what do we need it

2. reseting, nonrmalising
	- The CSS Reset stylesheet is a basic template to wipe out all built-in styling for HTML elements.
    - Normalize.css stylesheet also removes browser inconsistencies for HTML elements, but instead of removing everything like CSS Reset, normalize.css will preserve some useful defaults. Normalize.css was created to make built-in browser styling consistent across all browsers.
	- Normalize.css preserves useful defaults rather than "unstyling" everything

3. Why we need BEM,

4. Formating contexts:
	- Float
	- absolutely positioned elements (fixed and sitcky)
	- Block formatting contexts
	- Inline-block
	- table cells or elements
    - flex
	- grid

5. Flex && Grid
	- ONE Dimension
	- Flex can be arranged in any direction
	- Flex can have its visual order reversed or rearranged
	- Items can be aligned in your container or between them
	- Support all browsers

    - TWO Dimensions
    - Grid tracks are created within your stylesheet
	- Reduced file sizes
	- Prototyping with CSS Grid is fast and efficient
    ----- Not supported by every browser

	+ new unit in grids? (fr)
	+ grid-template-areas ?
    + minmax() repeat() span

6. Why use SVG
    - Scalable Vector Graphics
    - Small file sizes that compress well
	- Scales to any size without losing clarity (except very tiny)
	- Looks great on retina displays
    - Now you can control with CSS
    - SVG has its own CSS properties and values. Some of them are similar to CSS properties for HTML.