We dive into the different CSS layout methods that have evolved over recent years including box model, flexbox, and grid.

Segment 1 - Layout Models

• StackChief reference article

• Elements comprise of: content, padding, border, margin

• Evolution of the box model

• New CSS layout method that is supported in the latest version of major browsers (IE doesn't have support)

• # of rows and columns

Segment 2 - Box vs Flexbox vs Grid

• Responsivity

• Box, flexbox, and grid can all be used to make responsive layouts

• Basic sites can use any of the layout models

• Matt believes the box model is easiest to learn - especially when learning how web pages flow

• Box model is more human readable, whilst flexbox allows for more complex layouts with less code and micromanaging

• Box Model - https://caniuse.com/#feat=inline-block

Web News - 'Unobtrusive Ads'

• Ad strategies - which are you ok with?

• Sponsored posts

Support Us

• TP Link Deco Whole Home Mesh WiFi System (Amazon Affiliates Link)

You can find us on...

Facebook | Twitter | Instagram | 

RSS | Spotify | Reddit

Medium | YouTube | GitHub