Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Advance CSS Grid - Build 4 Major Responsive Websites, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:06:32
    Setting up project and enabling CSS gRid container
  2. Урок 2. 00:06:30
    Working with column in css grid
  3. Урок 3. 00:03:56
    Creating rows in css grid
  4. Урок 4. 00:06:36
    Grid gap: creating gutters in grid layout
  5. Урок 5. 00:09:39
    The fr unit
  6. Урок 6. 00:06:49
    Important note about %, auto and fr unit
  7. Урок 7. 00:09:51
    Super auto-fill and auto-fit
  8. Урок 8. 00:06:23
    Nesting grid
  9. Урок 9. 00:02:43
    Grid-template property
  10. Урок 10. 00:12:24
    One-dimensional vs. two-dimensional layout
  11. Урок 11. 00:08:12
    Box alignment in Flexbox and CSS Grid
  12. Урок 12. 00:02:18
    Flexbox can css grid can't
  13. Урок 13. 00:09:04
    Flexbox and css grid together
  14. Урок 14. 00:10:36
    Grid auto rows and grid auto columns
  15. Урок 15. 00:03:50
    Grid auto flow
  16. Урок 16. 00:05:39
    The dense value
  17. Урок 17. 00:07:03
    Grid item alignment: justify-items and align-items
  18. Урок 18. 00:06:40
    Grid alignment: justify-content and align-content
  19. Урок 19. 00:03:40
    Single grid item alignment: justify-self and align self
  20. Урок 20. 00:01:28
    Preview: responsive coming soon template
  21. Урок 21. 00:10:47
    Project: building responsive coming soon template
  22. Урок 22. 00:01:29
    Preview: building simple responsive image gallery
  23. Урок 23. 00:08:49
    Project- building simple responsive image gallery
  24. Урок 24. 00:07:01
    Positioning items by line number
  25. Урок 25. 00:04:13
    The grid-column and grid-row shorthands
  26. Урок 26. 00:03:50
    Understanding default spans
  27. Урок 27. 00:08:11
    Grid area property
  28. Урок 28. 00:07:12
    Stretching an item across the grid & counting backward
  29. Урок 29. 00:05:02
    Using the span keyword
  30. Урок 30. 00:15:12
    Understanding grid template areas
  31. Урок 31. 00:02:51
    Spanning into multiple cells
  32. Урок 32. 00:03:23
    Leaving cell empty
  33. Урок 33. 00:04:07
    Grid template property v2
  34. Урок 34. 00:05:04
    creating cards using css grid template area
  35. Урок 35. 00:01:19
    Project Demo: Real world project with grid template area and media query
  36. Урок 36. 00:17:44
    Responsive website project with grid template area and media query
  37. Урок 37. 00:08:00
    naming grid lines
  38. Урок 38. 00:06:43
    Giving multiple names to your lines
  39. Урок 39. 00:06:30
    Implicit grid areas from named lines
  40. Урок 40. 00:07:19
    Implicit grid lines from grid areas
  41. Урок 41. 00:11:22
    Creating multiple lines using repeat function
  42. Урок 42. 00:06:28
    The repeat() function
  43. Урок 43. 00:03:55
    The minmax() function
  44. Урок 44. 00:04:22
    The fit-content() function
  45. Урок 45. 00:09:54
    Writing modes in css
  46. Урок 46. 00:06:37
    Writing mode in grid layout
  47. Урок 47. 00:06:30
    Writing mode and line based placement
  48. Урок 48. 00:03:25
    Introduction
  49. Урок 49. 00:03:45
    Project file setup
  50. Урок 50. 00:05:20
    Building transparent nav header
  51. Урок 51. 00:07:18
    Magic drawer and auto close.mp4
  52. Урок 52. 00:08:16
    Creating our main hero area
  53. Урок 53. 00:11:23
    Working with product section
  54. Урок 54. 00:04:39
    Creating vision-1 section
  55. Урок 55. 00:03:46
    Creating vision-2 section
  56. Урок 56. 00:06:39
    Creating service section and tags
  57. Урок 57. 00:10:29
    Adding feature section
  58. Урок 58. 00:05:12
    Adding brand section
  59. Урок 59. 00:05:26
    Adding blog section
  60. Урок 60. 00:07:39
    Robotics contact section
  61. Урок 61. 00:08:45
    Creating robotics footer
  62. Урок 62. 00:12:42
    Making it responsive in large and medium devices
  63. Урок 63. 00:15:22
    Making our robotics looks good in mobile devices
  64. Урок 64. 00:04:44
    Making sticky header
  65. Урок 65. 00:04:29
    Adding smoothy scroll
  66. Урок 66. 00:05:40
    Adding scroll-up button
  67. Урок 67. 00:05:35
    Adding some improvement
  68. Урок 68. 00:02:39
    Introduction
  69. Урок 69. 00:07:25
    Setting up project file
  70. Урок 70. 00:08:54
    Building main navbar
  71. Урок 71. 00:04:32
    Adding drawer
  72. Урок 72. 00:09:15
    Building our sidebar [featured news]
  73. Урок 73. 00:07:23
    Adding social widget
  74. Урок 74. 00:10:08
    Hero area and media
  75. Урок 75. 00:03:52
    Creating first row and first column
  76. Урок 76. 00:06:31
    Creating row-2 and column-2
  77. Урок 77. 00:04:27
    Creating footer
  78. Урок 78. 00:15:40
    Making our website responsive
  79. Урок 79. 00:04:16
    Making header sticky
  80. Урок 80. 00:01:11
    Introduction
  81. Урок 81. 00:16:20
    building fixed sidenav
  82. Урок 82. 00:05:22
    Creating main area
  83. Урок 83. 00:12:49
    About page
  84. Урок 84. 00:04:02
    Experience page
  85. Урок 85. 00:03:15
    Education page
  86. Урок 86. 00:06:45
    Skills page
  87. Урок 87. 00:07:54
    Intrest page
  88. Урок 88. 00:02:54
    Contact page
  89. Урок 89. 00:02:43
    Resolving few fixes
  90. Урок 90. 00:10:15
    Making our project responsive
  91. Урок 91. 00:05:38
    Adding smooth scroll
  92. Урок 92. 00:01:49
    Introduction
  93. Урок 93. 00:04:27
    Setting up project file & building HTML Structure
  94. Урок 94. 00:07:14
    Styling our chinese website
  95. Урок 95. 00:00:21
    Final Thouht