Introduction to CSS Grid
4 students enrolled
Introduction to CSS Grid
Master the fundamentals of grid quickly and easily with this concise and comprehensive introduction
4 students enrolled
Current price: $20.99
Original price: $29.99
Discount:
30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
- 42 mins on-demand video
- 2 articles
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Training 5 or more people?
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business
What you'll learn
- Building website layouts using CSS grid
- Understand grid fundamentals
- Build real-world projects using grid
Course content
Expand all
21 lectures
42:24
+
–
Introduction
4 lectures
04:22
+
–
Fundamentals
10 lectures
22:52
Repeats
00:41
Gaps
02:19
Units of measurement
02:31
Implicit tracks
02:34
Positioning items
03:22
Areas
02:00
Minmax
01:41
Autofill
01:53
+
–
Projects
5 lectures
14:24
Introduction to projects
01:09
Two-column layout
02:44
Preview
03:01
Photo blog
03:00
Article with breakout
04:30
+
–
Conclusion
2 lectures
00:45
Conclusion
00:33
Bonus lecture
00:12
Requirements
- Basic understanding of HTML and CSS
- No experience of grid is required
Description
Grid is the best way to create website layouts in CSS. If you like flexbox, you will love grid.
This course will provide you with a concise and comprehensive introduction to grid. We will start with the fundamentals and move on to applying the techniques to real-world projects.
Follow along using the example code provided and quickly get up to speed with the latest and most powerful CSS layout tool.
Who this course is for:
- Web developers
- Web designers
- Website owners