Modern CSS Tips and Tricks

HTML & CSS have come a long way in a relatively short period of time. In this video, we show you some of the modern CSS tips and tricks in an effort to help you improve your workflow and become a more efficient front-end developer. Got any tips of your own? Comment below and let us know! Source code: https://github.com/codingtechonline/csstricks Presented by Munch Development: https://www.youtube.com/channel/UClfbNSFre5pOmEhyEpGpyRw CSS Grid
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
https://css-tricks.com/snippets/css/complete-guide-grid/ CSS Firefox
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout
https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ⌚︎ Timestamps
00:00 – Introduction
00:23 – Basic Setup
03:32 – Sidebar Layout
07:09 – Pancake Layout
10:55 – Pancake with Sidebars Layout
16:41 – One Line Center
18:19 – Evenly Spaced Card
22:07 – Stacking Cards (Bonus)
22:42 – VSCode Tip (Bonus)
23:51 – C-Span Grid
27:39 – Conclusion https://www.youtube.com/watch?v=ZUd3DYPyHR4