#Playing with CSS Flexbox

Please, note that is a work in progress but you can find some examples here.

Resources

• Using CSS flexible boxes - MDN
• A Complete Guide to Flexbox - CSS Tricks

Project structure

Sass structure is based on 10up Engineering-Best-Practices

|- assets/scss/
|  |- global/ ____________________________ # Functions, mixins, placeholders, and variables
|  |- base/
|    |- reset, normalize, or sanitize
|    |- typography
|    |- icons
|  |- components/
|    |- buttons
|    |- info-boxes
|    |- callouts _________________________ # Not by the moment
|    |- toggles
|    |- all other modular reusable UI components
|  |- layout/
|    |- footer
|    |- header
|    |- sidebar
|  |- templates/
|    |- blog
|    |- portfolio
|    |- all page, post, and custom post type specific styles