- [Narrator] CSS Grid is a new CSS specification…that gives us the most powerful way yet…to control page layouts.…According to the W3C Candidate Recommendation…for the CSS Grid Layout Module,…this module defines a two-dimensional…grid-based layout system, optimized…for user interface design.…In the grid layout model, the children of a grid container…can be positioned into arbitrary slots in a predefined…flexible or fixed-size layout grid.…What does that mean?…Well, it means that we can draw a grid in a container,…and put content wherever we want within that grid,…completely independent of semantic HTML structure.…
That's pretty cool.…So let's take a look at some basic…CSS Grid concepts and terminology.…So a grid is any element…with its display properties set to grid.…Grids have rows, and those are horizontal lines,…and columns, which are the vertical lines.…Next, we've got grid lines.…And a grid line is the line that makes up the grid.…They could be horizontal or vertical.…And a grid track is the space between two grid lines.…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.