1. Урок 1.00:01:40
    Introduction
  2. Урок 2.00:03:00
    What is CSS?
  3. Урок 3.00:01:51
    CSS History, Present & Future
  4. Урок 4.00:04:35
    Course Outline
  5. Урок 5.00:00:44
    Course Prerequisites
  6. Урок 6.00:02:50
    How To Get The Most Out Of This Course
  7. Урок 7.00:01:27
    Recommended Tools
  8. Урок 8.00:00:56
    Module Introduction
  9. Урок 9.00:02:45
    Understanding the Course Project Setup
  10. Урок 10.00:03:54
    Adding CSS to our Project with Inline Styles
  11. Урок 11.00:06:28
    Understanding the <style> Tag & Creating a .css File
  12. Урок 12.00:06:52
    Applying Additional Styles & Importing Google Fonts
  13. Урок 13.00:08:57
    Theory Time - Selectors
  14. Урок 14.00:08:15
    Understanding the "Cascading" Style & Specificity​
  15. Урок 15.00:05:48
    Understanding Inheritance
  16. Урок 16.00:06:17
    Adding Combinators
  17. Урок 17.00:05:43
    Theory Time - Combinators
  18. Урок 18.00:03:50
    Summarizing Properties & Selectors
  19. Урок 19.00:02:03
    Wrap Up
  20. Урок 20.00:01:20
    Module Introduction
  21. Урок 21.00:03:37
    Introducing the CSS Box Model
  22. Урок 22.00:03:02
    Understanding the Box Model
  23. Урок 23.00:03:06
    Understanding Margin Collapsing and Removing Default Margins
  24. Урок 24.00:03:49
    Theory Time - Working with Shorthand Properties
  25. Урок 25.00:02:06
    Applying Shorthands in Practice
  26. Урок 26.00:06:08
    Diving Into the Height & Width Properties
  27. Урок 27.00:06:44
    Understanding Box Sizing
  28. Урок 28.00:05:38
    Adding the Header to our Project
  29. Урок 29.00:07:13
    Understanding the Display Property
  30. Урок 30.00:06:54
    Applying the Display Property & Styling our Navigation Bar
  31. Урок 31.00:02:04
    Understanding an Unexpected "inline-block" Behaviour
  32. Урок 32.00:04:55
    Working with "text-decoration" & "vertical-align"
  33. Урок 33.00:04:01
    Styling Anchor Tags
  34. Урок 34.00:01:48
    Adding Pseudo Classes
  35. Урок 35.00:05:39
    Theory Time - Pseudo Classes & Pseudo Elements
  36. Урок 36.00:01:16
    Grouping Rules
  37. Урок 37.00:02:05
    Working with "font-weight" & "border"
  38. Урок 38.00:04:10
    Adding & Styling a CTA-Button
  39. Урок 39.00:01:51
    Adding a Background Image to our Project
  40. Урок 40.00:01:30
    Properties Worth to Remember
  41. Урок 41.00:02:32
    Wrap Up
  42. Урок 42.00:00:42
    Module Introduction
  43. Урок 43.00:07:10
    Using Multiple CSS Classes & Combined Selectors
  44. Урок 44.00:04:06
    Classes or IDs?
  45. Урок 45.00:03:16
    (Not) using !important
  46. Урок 46.00:03:30
    Selecting the Opposite with :not()
  47. Урок 47.00:03:52
    CSS & Browser Support
  48. Урок 48.00:01:07
    Wrap Up
  49. Урок 49.00:00:38
    Module Introduction
  50. Урок 50.00:08:35
    Adding Style to our Plans
  51. Урок 51.00:06:34
    Working on the Recommended Plan
  52. Урок 52.00:03:23
    Styling the Badge with "border-radius"
  53. Урок 53.00:03:04
    Styling our List
  54. Урок 54.00:04:34
    Working on the Title and the Price of our Packages
  55. Урок 55.00:06:41
    Improving our Action Button
  56. Урок 56.00:02:18
    Understanding Outlines
  57. Урок 57.00:01:23
    Presenting the Core Features to the User
  58. Урок 58.00:03:39
    Styling the Headline of the Core Features Section
  59. Урок 59.00:07:16
    Preparing the Content of the Key Feature Area
  60. Урок 60.00:06:50
    Adding the Footer
  61. Урок 61.00:01:47
    What we Achieved so Far
  62. Урок 62.00:06:25
    Adding the Packages Page
  63. Урок 63.00:01:32
    Your Challenge
  64. Урок 64.00:03:56
    Styling the Links
  65. Урок 65.00:07:16
    Styling our Package Boxes
  66. Урок 66.00:05:15
    Adding "float" to our Package
  67. Урок 67.00:04:12
    Fixing the Hover Effect
  68. Урок 68.00:03:02
    Adding the Final Touches
  69. Урок 69.00:02:45
    Module Introduction
  70. Урок 70.00:02:33
    Why Positioning will Improve our Website
  71. Урок 71.00:05:56
    Understanding Positioning - The Theory
  72. Урок 72.00:09:51
    Working with the "fixed" Value
  73. Урок 73.00:03:55
    Creating a Fixed Navigation Bar
  74. Урок 74.00:06:04
    Using "position" to Add a Background Image
  75. Урок 75.00:07:00
    Understanding the Z-Index
  76. Урок 76.00:08:01
    Adding a Badge to our Package
  77. Урок 77.00:03:11
    Styling & Positioning our Badge with "absolute" and "relative"
  78. Урок 78.00:04:04
    Diving Deeper into Relative Positioning
  79. Урок 79.00:04:19
    Working with "overflow" and Relative Positioning
  80. Урок 80.00:06:54
    Introducing "sticky" Positioning
  81. Урок 81.00:05:54
    Understanding the Stacking Context
  82. Урок 82.00:04:13
    Wrap Up
  83. Урок 83.00:02:23
    Optional: Advanced Track Introduction
  84. Урок 84.00:01:07
    Module Introduction
  85. Урок 85.00:08:42
    Understanding "background-size"
  86. Урок 86.00:05:01
    Working with "background-position"
  87. Урок 87.00:02:13
    The "background" Shorthand - Theory
  88. Урок 88.00:05:52
    Applying "background" Origin, Clip & Attachment
  89. Урок 89.00:02:20
    Using the "background" Shorthand on our Project
  90. Урок 90.00:07:34
    Styling Images
  91. Урок 91.00:03:20
    Adding the Customers Page to our Website
  92. Урок 92.00:08:08
    Working on the Image Layout
  93. Урок 93.00:06:17
    Understanding Linear Gradients
  94. Урок 94.00:05:42
    Applying Radial Gradients
  95. Урок 95.00:04:51
    Stacking Multiple Backgrounds
  96. Урок 96.00:04:01
    Understanding Filters
  97. Урок 97.00:04:21
    Adding & Styling SVGs - The Basics
  98. Урок 98.00:02:15
    Wrap Up
  99. Урок 99.00:02:36
    Module Introduction
  100. Урок 100.00:05:22
    What's Wrong With Our Project Units?
  101. Урок 101.00:06:03
    Where Units Matter
  102. Урок 102.00:04:25
    An Overview of Available Sizes & Units
  103. Урок 103.00:04:16
    Rules to Remember: Fixed Positioning & "%"
  104. Урок 104.00:08:15
    Rules to Remember: Absolute Positioning & "%"
  105. Урок 105.00:08:54
    Rules to Remember: Relative / Static Positioning & "%"
  106. Урок 106.00:12:03
    Fixing the Height 100% Issue
  107. Урок 107.00:02:19
    Defining the Font Size in the Root Element
  108. Урок 108.00:05:28
    Using "min-width/height" & "max-width/height"
  109. Урок 109.00:12:48
    Working with "rem" & "em"
  110. Урок 110.00:08:18
    Adding "rem" to Additional Properties
  111. Урок 111.00:05:22
    Finishing "rem"
  112. Урок 112.00:09:48
    Understanding the Viewport Units "vw" &"vh"
  113. Урок 113.00:05:31
    Choosing the Right Unit
  114. Урок 114.00:01:43
    Using "auto" to Center Elements
  115. Урок 115.00:01:07
    Cleaning Up our Code
  116. Урок 116.00:04:24
    Wrap Up
  117. Урок 117.00:01:17
    Module Introduction
  118. Урок 118.00:04:14
    Adding a Modal
  119. Урок 119.00:10:35
    Selecting & Manipulating Styles with JavaScript
  120. Урок 120.00:06:06
    Adding an Event Listener
  121. Урок 121.00:07:15
    Adding a Side Navigation Bar
  122. Урок 122.00:03:58
    Opening and Closing the Hamburger Menu
  123. Урок 123.00:06:41
    Manipulating Element Classes
  124. Урок 124.00:03:13
    Understanding Property Notations
  125. Урок 125.00:05:32
    Cleaning Up our Code
  126. Урок 126.00:01:16
    Wrap Up
  127. Урок 127.00:01:46
    Module Introduction
  128. Урок 128.00:02:26
    Why our Project Should Become Responsive
  129. Урок 129.00:10:30
    Understanding Hardware Pixels vs. Software Pixels
  130. Урок 130.00:03:05
    Comparing the Viewport Metatag (HTML) and Media Queries (CSS)
  131. Урок 131.00:07:23
    Understanding the "viewport" Metatag
  132. Урок 132.00:01:55
    Designing Websites "Mobile First"
  133. Урок 133.00:12:53
    Adding our First Media Queries
  134. Урок 134.00:08:10
    Things to Keep in Mind when Working with Media Queries
  135. Урок 135.00:03:46
    Finding the Right Breaking Points
  136. Урок 136.00:06:38
    Creating the Mobile First Design for our Plans
  137. Урок 137.00:08:36
    Making the Plans Responsive
  138. Урок 138.00:06:07
    Your Challenge
  139. Урок 139.00:08:14
    Working with Logical Operators
  140. Урок 140.00:14:59
    Improving the Customers Page
  141. Урок 141.00:05:42
    Improving the Packages Page
  142. Урок 142.00:04:40
    Cleaning Up the Navigation Bar
  143. Урок 143.00:10:11
    Positioning our Footer Correctly
  144. Урок 144.00:02:16
    Wrap Up
  145. Урок 145.00:01:33
    Module Introduction
  146. Урок 146.00:02:38
    Adding the Unstyled Form
  147. Урок 147.00:06:36
    Page Initialization
  148. Урок 148.00:06:03
    Understanding Advanced Attribute Selectors
  149. Урок 149.00:07:16
    Working on the General Layout
  150. Урок 150.00:06:30
    Restyling the Form Elements
  151. Урок 151.00:06:53
    Styling the Checkbox
  152. Урок 152.00:08:51
    Providing Validation Feedback
  153. Урок 153.00:03:43
    Styling the Signup Button
  154. Урок 154.00:01:30
    Wrap Up
  155. Урок 155.00:01:21
    Module Introduction
  156. Урок 156.00:02:58
    Comparing Generic Families & Font Families
  157. Урок 157.00:06:18
    Understanding the Browser Settings
  158. Урок 158.00:06:54
    Using the Default Font Families
  159. Урок 159.00:06:19
    Understanding the "font-family" Syntax
  160. Урок 160.00:03:51
    Working with Locally Saved Fonts
  161. Урок 161.00:10:29
    Working with Google Fonts
  162. Урок 162.00:06:51
    Understanding Font Faces & "font-style"
  163. Урок 163.00:09:04
    Importing our Custom Fonts
  164. Урок 164.00:05:42
    Understanding Font Formats
  165. Урок 165.00:03:11
    Diving into Font Properties
  166. Урок 166.00:04:44
    Adding "letter-spacing"
  167. Урок 167.00:06:08
    Changing the Line Height
  168. Урок 168.00:05:52
    Applying "text-decoration" & "text-shadow"
  169. Урок 169.00:08:40
    Understanding the "font" Shorthand
  170. Урок 170.00:09:50
    Loading Performance & "font-display"
  171. Урок 171.00:03:49
    Wrap Up
  172. Урок 172.00:03:24
    Optional: Expert Track Introduction
  173. Урок 173.00:01:33
    Module Introduction
  174. Урок 174.00:02:59
    How we Could Improve our Project
  175. Урок 175.00:03:19
    Understanding Flexbox
  176. Урок 176.00:05:34
    Creating a Flex Container
  177. Урок 177.00:05:37
    Using "flex-direction" & "flex-wrap"
  178. Урок 178.00:07:28
    Understanding the Importance of Main Axis & Cross Axis
  179. Урок 179.00:11:00
    Working with "align-items" & "justify-content"
  180. Урок 180.00:02:41
    And What About "align-content"?
  181. Урок 181.00:12:03
    Improving the Navigation Bar with Flexbox
  182. Урок 182.00:04:18
    Your Challenge - Working on the Mobile Navigation Bar
  183. Урок 183.00:05:36
    Improving the Footer
  184. Урок 184.00:08:33
    [OPTIONAL] Assignment Solution
  185. Урок 185.00:03:17
    Adding Flexbox to the Customers Page
  186. Урок 186.00:06:08
    Using the "order" Property for a Flex Item
  187. Урок 187.00:02:45
    Working with "align-self"
  188. Урок 188.00:07:36
    Understanding "flex-grow"
  189. Урок 189.00:03:13
    Applying "flex-shrink"
  190. Урок 190.00:08:36
    Comparing "flex-basis" vs "width" & "height"
  191. Урок 191.00:03:53
    Wrap Up
  192. Урок 192.00:01:15
    Module Introduction
  193. Урок 193.00:01:28
    What is the CSS Grid?
  194. Урок 194.00:02:24
    Getting Started
  195. Урок 195.00:03:22
    Turning a Container into a Grid
  196. Урок 196.00:05:50
    Defining Columns & Rows
  197. Урок 197.00:04:14
    Positioning Child Elements in a Grid
  198. Урок 198.00:06:46
    Using "element-sizing", "repeat" & "minmax"
  199. Урок 199.00:06:31
    Advanced Element Positioning
  200. Урок 200.00:03:54
    Working with Named Lines
  201. Урок 201.00:02:55
    Understanding Column & Row Shorthands
  202. Урок 202.00:02:34
    Working with Gaps
  203. Урок 203.00:06:40
    Adding Named Template Areas
  204. Урок 204.00:07:11
    Creating Automatically Generated Grid Areas
  205. Урок 205.00:09:11
    Using the Grid on our Project
  206. Урок 206.00:03:32
    Working with "fit-content"
  207. Урок 207.00:03:36
    Positioning Grid Elements
  208. Урок 208.00:03:18
    Positioning the Entire Grid Content
  209. Урок 209.00:01:36
    Positioning Elements Individually
  210. Урок 210.00:05:31
    Understanding Responsive Grids
  211. Урок 211.00:06:40
    Applying Autoflow
  212. Урок 212.00:02:32
    Comparing the Explicit & Implicit Grid
  213. Урок 213.00:03:34
    Understanding "auto-fill" & "auto-fit"
  214. Урок 214.00:03:23
    Creating a Dense Grid
  215. Урок 215.00:09:46
    Styling the Project Form with Grid
  216. Урок 216.00:02:28
    Comparing Grid & Flexbox
  217. Урок 217.00:01:32
    Next Steps
  218. Урок 218.00:03:50
    Wrap Up
  219. Урок 219.00:00:32
    Module Introduction
  220. Урок 220.00:03:46
    Rotating Elements and setting transform-origin
  221. Урок 221.00:04:58
    Using Rotate and Translate
  222. Урок 222.00:06:19
    Working with "skew" and "scale"
  223. Урок 223.00:02:25
    Applying Transformation Shorthands
  224. Урок 224.00:04:20
    Rotating Elements in 3 Dimensions
  225. Урок 225.00:03:38
    Understanding the "perspective" Property
  226. Урок 226.00:03:55
    Moving Elements along the Z-Axis with "translateZ"
  227. Урок 227.00:03:45
    Rotating the Container with "transform style"
  228. Урок 228.00:01:16
    Flipping Elements & "backface-visibility"
  229. Урок 229.00:01:15
    Wrap Up
  230. Урок 230.00:00:23
    Module Introduction
  231. Урок 231.00:07:24
    Understanding and Applying Transitions
  232. Урок 232.00:02:51
    Working with Timing Functions
  233. Урок 233.00:06:12
    Transitions & "display"
  234. Урок 234.00:09:02
    Using CSS Animations
  235. Урок 235.00:03:23
    Adding Multiple Keyframes
  236. Урок 236.00:04:00
    Adding Animations to our Customers Page
  237. Урок 237.00:03:25
    Using JavaScript Animation Event Listeners
  238. Урок 238.00:01:36
    Wrap Up
  239. Урок 239.00:00:35
    Module Introduction
  240. Урок 240.00:01:56
    CSS Modules & Their Working Groups
  241. Урок 241.00:07:32
    Using CSS Variables
  242. Урок 242.00:04:49
    Understanding & Using Vendor Prefixes
  243. Урок 243.00:02:59
    Which Prefixes Should You Use?
  244. Урок 244.00:05:10
    Detecting Browser Support with @supports
  245. Урок 245.00:02:46
    Polyfills
  246. Урок 246.00:02:59
    Eliminating Cross-Browser Inconsistencies
  247. Урок 247.00:04:53
    How to Name CSS Classes
  248. Урок 248.00:08:37
    Vanilla CSS vs Frameworks
  249. Урок 249.00:04:17
    Wrap Up
  250. Урок 250.00:00:43
    Module Introduction
  251. Урок 251.00:03:32
    What is Sass & Scss?
  252. Урок 252.00:04:26
    Installing Sass
  253. Урок 253.00:01:34
    Things to be Improved with Sass
  254. Урок 254.00:06:36
    Nesting Selectors
  255. Урок 255.00:01:28
    Adding Nested Properties
  256. Урок 256.00:03:06
    Understanding Variables
  257. Урок 257.00:05:59
    Storing Lists & Maps in Variables
  258. Урок 258.00:03:19
    Built-In Functions
  259. Урок 259.00:02:25
    Adding Simple Arithmetics
  260. Урок 260.00:04:47
    Adding Better Import and Partials
  261. Урок 261.00:02:25
    Improving Media Queries
  262. Урок 262.00:03:34
    Understanding Inheritance
  263. Урок 263.00:06:46
    Adding Mixins
  264. Урок 264.00:02:58
    Using the Ampersand Operator
  265. Урок 265.00:01:15
    Wrap Up
  266. Урок 266.00:01:57
    Course Roundup