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

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

#html #css #web-development #progrmaming #developer