# Overview

# Resources

- Guides
    + https://css-tricks.com/guides/
- Layouts
    + Flexbox
        * https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
        * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
        * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
        * Bugs: https://github.com/philipwalton/flexbugs
    + Grid
        * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
        * https://css-tricks.com/snippets/css/complete-guide-grid/
        * Bugs:
    + Grid vs. Flexbox
        * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
- SASS vs. SCSS vs. LESS
    + SASS: Syntactically Awesome Stylesheets
        - SCSS: Sassy CSS is a newer syntax for SASS
    + LESS: Leaner CSS
        - https://lesscss.org/usage/

# Overview

# Resources

- Guides
    + https://css-tricks.com/guides/
- Layouts
    + Flexbox
        * https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
        * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
        * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
        * Bugs: https://github.com/philipwalton/flexbugs
    + Grid
        * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
        * https://css-tricks.com/snippets/css/complete-guide-grid/
        * Bugs:
    + Grid vs. Flexbox
        * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
- SASS vs. LESS
    + SASS: Syntactically Awesome Stylesheets (2006)
        - Original syntax is Ruby like
        - SCSS: Sassy CSS is a newer syntax for SASS, it's closer to CSS syntax
    + LESS: Leaner CSS (2009, inspired from SCSS syntax)
        - https://lesscss.org/usage/
        - Written in JavaScript
        - Goal: as similar to CSS as possible

Add more details for SASS and LESS
Add more details for SASS and LESS
