PowerBI Data Analyst - Create visualizations and dashboards from scratch
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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.
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