Playing: 104: CSS Layout
LOUDNESS
Episode 574
|Feb 10th, 2023
Supper Club Γ Qwik framework from MiΕ‘ko Hevery, the Creator of Angular
Episode 393
|Oct 4th, 2021
Hasty Treat - Spicy Takeout - PHP Is Good and Weβre Just Re-Creating It
Dec 26th, 2018
CSS Layout
π Download ShowβοΈ Edit Show NotesIn this episode Wes and Scott are talking all about CSS layout - how it works, things to watch out for and more!
Sentry - Sponsor
If you want to know what's happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code "tastytreat".
CSS In Depth and In Motion - Sponsor
CSS in Depth in Motion from Manning Publications is a great way to master CSS. Modern CSS can handle a dizzying array of styles and effects without external frameworks, and this liveVideo course from Manning Publications will get you there. As a Syntax listener, you can get 40% off all their books and courses by visiting deals.manning.com/webdev and using the coupon code syntax40 at checkout.
Show Notes
4:15
- When to use position fixed/static/absolute/relative/sticky, etc.
15:18
- When to use height, width, max-height, max-width, top, bottom, left, right, etc.
21:28
- What about relationships between containers and their children?
27:37
- What about positioning behaviors of elements like
<img>,<iframe>,<video>, etc.?
30:09
- Floating and clearing
35:55
- Flexbox, Grid and responsive design
36:58
- Mobile-first or desktop-first?
41:20
- Viewport units - vw, vh, vmin, vmax, etc
Links
ΓΓΓ SIIIIICK ΓΓΓ PIIIICKS ΓΓΓ
Shameless Plugs
Tweet us your tasty treats!
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets