Introduction to CSS Grid
5.0 (1 rating)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4 students enrolled

Introduction to CSS Grid

Master the fundamentals of grid quickly and easily with this concise and comprehensive introduction
5.0 (1 rating)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4 students enrolled
Created by Chris Worfolk
Last updated 7/2020
English
English [Auto]
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
Browser support
01:27
Download the example code
00:06
+ 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
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