Discover the future of website layout design in this comprehensive 25-minute tutorial on CSS grids. Learn how to create and manipulate grid structures using CSS, explore different methods for placing HTML elements within grids, and master techniques for adding wrappers and spacing. Gain insights into making CSS grids responsive, understand potential drawbacks, and receive valuable tips for effective implementation. Follow along with practical examples and access additional resources, including CSS grid documentation and lesson files, to enhance your web design skills and create modern, flexible layouts.
Overview
Syllabus
1: Introduction to CSS grids
2: How to create CSS grids using CSS
3: How to place HTML inside the CSS grid using method 1
4: How to place HTML inside the CSS grid using method 2
5: How to create a wrapper or spacing inside CSS grids
6: How to make CSS grids responsive
7: The one drawback of using CSS grids
8: A few more tips when using CSS grids
Taught by
Dani Krossing
