1. Урок 1.00:09:24
    Introduction
  2. Урок 2.00:04:59
    What you need for this course. PLEASE WATCH!!
  3. Урок 3.00:03:24
    Rating this course. PLEASE ALSO WATCH
  4. Урок 4.00:13:59
    CSS Grid 101
  5. Урок 5.00:02:29
    Creating Grid Containers
  6. Урок 6.00:08:39
    Defining Rows and Columns
  7. Урок 7.00:01:45
    The grid property
  8. Урок 8.00:03:28
    Fixed and Percentage Track Sizing
  9. Урок 9.00:03:59
    Track Sizing based on Font Size
  10. Урок 10.00:08:00
    Track Sizing based on Viewport
  11. Урок 11.00:05:47
    Auto Track Sizes
  12. Урок 12.00:10:15
    The Fraction (fr) Unit
  13. Урок 13.00:02:46
    Fractions vs Auto
  14. Урок 14.00:10:01
    The minmax function
  15. Урок 15.00:07:06
    Minmax function gotchas
  16. Урок 16.00:05:17
    Understanding max-content and min-content
  17. Урок 17.00:05:50
    The fit-content function
  18. Урок 18.00:06:13
    The repeat function
  19. Урок 19.00:05:44
    Managing Grid Gaps
  20. Урок 20.00:01:17
    Nested grids
  21. Урок 21.00:07:01
    Reordering Grid Items
  22. Урок 22.00:07:56
    Moving Grid Items to different columns
  23. Урок 23.00:07:07
    Moving Grid Items to different rows
  24. Урок 24.00:09:06
    Moving Grid Items to non adjacent cells
  25. Урок 25.00:09:59
    Grid Item spanning basics
  26. Урок 26.00:07:59
    The span keyword
  27. Урок 27.00:04:08
    Grid Item spanning gotchas
  28. Урок 28.00:05:50
    Naming Grid Lines
  29. Урок 29.00:07:20
    Spanning Grid Items based on line names
  30. Урок 30.00:04:59
    Using multiple line names
  31. Урок 31.00:04:05
    Lines names and the repeat function
  32. Урок 32.00:08:03
    The grid-column property
  33. Урок 33.00:05:19
    The grid-row property
  34. Урок 34.00:10:49
    Positioning Grid Items using the grid-area property
  35. Урок 35.00:06:26
    Spanning Grid Items using the grid-area property
  36. Урок 36.00:04:54
    The grid property reviewed
  37. Урок 37.00:06:09
    Aligning Row Tracks
  38. Урок 38.00:02:30
    Aligning Column Tracks
  39. Урок 39.00:04:57
    The place-content property
  40. Урок 40.00:03:30
    Vertically Aligning Grid Items
  41. Урок 41.00:02:29
    Horizontally Aligning Grid Items
  42. Урок 42.00:03:42
    The place-items property
  43. Урок 43.00:02:06
    Vertically Aligning an Individual Grid Item
  44. Урок 44.00:01:38
    Horizontally Aligning an Individual Grid Item
  45. Урок 45.00:02:43
    The place-self property
  46. Урок 46.00:11:53
    A review on media queries
  47. Урок 47.00:03:28
    Setting viewport for mobile and tablet devices
  48. Урок 48.00:08:42
    Positioning Grid Items using areas
  49. Урок 49.00:08:04
    Spanning Grid Items using areas
  50. Урок 50.00:01:39
    Defining empty grid cells
  51. Урок 51.00:02:19
    Gotchas with grid-template-areas
  52. Урок 52.00:09:08
    Building responsive grids without media queries
  53. Урок 53.00:08:03
    The grid property reviewed again
  54. Урок 54.00:06:02
    Implicit vs explicit grids
  55. Урок 55.00:02:48
    An introduction to the Autoplacement Algorithm
  56. Урок 56.00:07:14
    Understanding Flow
  57. Урок 57.00:07:51
    Controlling Flow
  58. Урок 58.00:04:28
    Understanding order-modified document order
  59. Урок 59.00:12:22
    Understanding locking
  60. Урок 60.00:12:32
    Locking grid items
  61. Урок 61.00:09:52
    Locking and responsive web design
  62. Урок 62.00:07:17
    Locking and responsive web design in action
  63. Урок 63.00:04:30
    Understanding Grid Spans
  64. Урок 64.00:08:11
    Grid Spans in action
  65. Урок 65.00:05:52
    Understanding packing
  66. Урок 66.00:03:37
    Packing in action
  67. Урок 67.00:14:48
    Bringing it all together part 1
  68. Урок 68.00:15:00
    Bringing it all together part 2
  69. Урок 69.00:10:45
    The grid property and Autoplacement part 1
  70. Урок 70.00:10:10
    The grid property and Autoplacement part 2
  71. Урок 71.00:06:51
    The grid-template property
  72. Урок 72.00:05:56
    Absolute positioning
  73. Урок 73.00:05:11
    Animating grids
  74. Урок 74.00:11:33
    Simplifying Flexbox layouts with CSS Grid
  75. Урок 75.00:11:45
    More simplifying Flexbox layouts
  76. Урок 76.00:13:14
    When to use Flexbox over CSS Grid
  77. Урок 77.00:13:20
    Grid items and the box model
  78. Урок 78.00:04:16
    Building a 4 column layout
  79. Урок 79.00:03:44
    Building a sidebar
  80. Урок 80.00:03:05
    Vertically aligning text
  81. Урок 81.00:04:40
    Centering a modal dialog
  82. Урок 82.00:04:32
    Creating a sticky footer
  83. Урок 83.00:12:18
    Basic form formatting
  84. Урок 84.00:11:44
    The Holygrail layout
  85. Урок 85.00:09:20
    The Media Objects layout
  86. Урок 86.00:06:28
    A Viewport Friendly Image Gallery
  87. Урок 87.00:05:32
    Another Viewport Friendly Image Gallery
  88. Урок 88.00:05:52
    Animating a Sidebar
  89. Урок 89.00:12:15
    A Monthly Calendar
  90. Урок 90.00:13:07
    A Newspaper Cover
  91. Урок 91.00:20:35
    A Twitter Responsive Layout
  92. Урок 92.00:12:04
    A Responsive Movie Gallery
  93. Урок 93.00:10:24
    A Responsive Movie Gallery Continued
  94. Урок 94.00:08:55
    A Responsive Movie Gallery Finale
  95. Урок 95.00:02:04
    What we are building
  96. Урок 96.00:15:51
    Setting up the basic shell
  97. Урок 97.00:04:31
    Building the search conversation section
  98. Урок 98.00:05:32
    Building the add conversation section
  99. Урок 99.00:05:29
    Building the chat title section
  100. Урок 100.00:06:44
    Building the chat form section
  101. Урок 101.00:11:02
    Building an individual conversation item
  102. Урок 102.00:05:51
    Fixing conversation item sizing issues
  103. Урок 103.00:03:05
    Adding more conversation items
  104. Урок 104.00:08:15
    Creating some initial chat messages
  105. Урок 105.00:06:15
    Sizing and aligning chat messages
  106. Урок 106.00:07:23
    Adding chat profile pictures
  107. Урок 107.00:01:24
    Adding the finishing touches
  108. Урок 108.00:05:51
    What we are building
  109. Урок 109.00:04:58
    Setting up the basic layout for mobile
  110. Урок 110.00:07:26
    Building the top header
  111. Урок 111.00:07:06
    Defining the main content section layout
  112. Урок 112.00:07:14
    Building the search store section
  113. Урок 113.00:11:53
    Adding the delivery widget to the main section
  114. Урок 114.00:13:13
    Building the store list grid
  115. Урок 115.00:11:01
    Building the footer
  116. Урок 116.00:03:39
    Modifying the footer for landscape mode on mobile
  117. Урок 117.00:03:16
    Dealing with the store list on tablet
  118. Урок 118.00:06:14
    Dealing with the footer links on tablet
  119. Урок 119.00:01:39
    Dealing with the security section on tablet
  120. Урок 120.00:02:06
    Dealing with the store list on larger devices
  121. Урок 121.00:16:10
    Adding the delivery widget to the top bar
  122. Урок 122.00:13:44
    Ensuring a max width for the entire site
  123. Урок 123.00:05:22
    What we are building
  124. Урок 124.00:10:25
    Building the top bar
  125. Урок 125.00:08:49
    Building the mobile first layout
  126. Урок 126.00:02:37
    Building the thumbnail
  127. Урок 127.00:03:13
    Building the video title and views
  128. Урок 128.00:11:57
    Building the social interaction section
  129. Урок 129.00:13:10
    Building the channel details section
  130. Урок 130.00:07:15
    Building the related videos autoplay section
  131. Урок 131.00:13:23
    Building out the related videos
  132. Урок 132.00:07:45
    Building the comments heading section
  133. Урок 133.00:06:01
    Building the add comment form
  134. Урок 134.00:15:16
    Building out a list of comments
  135. Урок 135.00:07:21
    Building out the see response button
  136. Урок 136.00:06:48
    Adding the responses
  137. Урок 137.00:09:07
    Building related videos in landscape mode for mobile
  138. Урок 138.00:04:42
    Swapping comments and related videos
  139. Урок 139.00:04:08
    Building related videos in portrait mode for tablet
  140. Урок 140.00:09:57
    Building related videos in landscape mode for tablet
  141. Урок 141.00:03:42
    Building related videos on large devices
  142. Урок 142.00:08:24
    Adding the finishing touches
  143. Урок 143.00:03:41
    Congratulations