Creating Layouts with CSS Grid

Focused View

Matt Henry

1:41:57

42 View

01. Course Overview

01. Course Overview.mp4

01:44

02. Meet CSS Grid

02. Why CSS Grid Is Awesome.mp4

02:59

03. Why CSS Grid Is Scary.mp4

03:46

04. The World of Layout Design.mp4

02:59

05. Overview.mp4

01:04

03. Up and Running with CSS Grid

06. The Two-step Grid Process.mp4

02:19

07. Defining Grid Columns.mp4

03:20

08. Positioning Grid Items.mp4

01:57

09. Grid Rows and the Implicit Grid.mp4

02:45

10. Summarizing the CSS Grid Workflow.mp4

01:23

04. Defining Grids In-depth

11. Defining Grids.mp4

00:48

12. Grid Track Sizes.mp4

04:28

13. Grid Shorthands.mp4

04:01

14. Grid Flow.mp4

02:51

15. Implicit Grid.mp4

04:29

16. Grid Gaps.mp4

01:46

17. 12-column Grid System.mp4

04:08

18. Defining Grids Summary.mp4

01:14

05. Positioning Items In-depth

19. Positioning Items.mp4

00:32

20. Positioning Keywords.mp4

03:18

21. Positioning Shorthands.mp4

01:45

22. Alignment and Justification Concepts.mp4

02:13

23. Alignment and Justification Properties.mp4

03:45

24. Accessible Grids.mp4

04:12

25. Improving Your 12-column Layout.mp4

01:55

26. Positioning Items Summary.mp4

01:09

06. Advanced CSS Grid

27. Advanced CSS Grid.mp4

00:59

28. Grid Development Tools.mp4

02:16

29. Naming Grid Lines.mp4

04:06

30. Naming Grid Areas.mp4

04:13

31. The Grid Property Revisited.mp4

04:24

32. Responsive Design with CSS Grid.mp4

03:58

33. Subgrids.mp4

03:49

34. Understanding Track Sizing.mp4

04:59

35. Final Project Responsive Pie Shop.mp4

04:57

36. Course Summary.mp4

01:26

Description

Coding web layouts has never been easy until now. This course will teach you CSS Grid, a technology to define rational layouts for your websites that is finally ready to go mainstream.

What You'll Learn?

Layouts in CSS have always depended on hacks. Getting the look you want has meant pushing CSS to its limits using floats, HTML, and positioning tricks in unconventional ways. In this course, Creating Layouts with CSS Grid, you’ll learn how to use the brand new CSS Grid system to solve layout problems once and for all. First, you’ll discover why CSS Grid is a better way to do layout. Next, you’ll get up and running with the minimum necessary code to start using CSS Grid. Finally, you’ll explore the CSS Grid specification thoroughly, learning how to create any layout you can dream of. When you’re finished with this course, you’ll have a solid understanding of this critical technology needed to create modern, robust, and responsive layouts for the web.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Matt Henry

Instructor's Courses

Matt makes products that help people learn. Through a career spanning film, video, design, development, product management, and course authoring Matt is a passionate elearning professional. Since he began working in technology during middle school, Matt's career has spanned film, video, design, development, product management, and course authoring. He is currently the Vice President of Product at Innovative Language Learning, building a learner-centered platform for students to reach their language goals. As a committed generalist, Matt believes learning diverse subjects can benefit one's thinking in unpredictable and immeasurable ways. Matt is a strong believer in the growing capability of technology to teach concepts across geographic and economic barriers. Hailing from Idaho, Matt lived for six years in Tokyo and now lives in Salt Lake City.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.