chore(curriculum): rm vids from css colors lectures (#61576)

2026-05-28 18:26:54 +00:00 · 2025-07-29 12:41:58 -04:00
parent e24565b6d1
commit 6f4ce42456
6 changed files with 8 additions and 50 deletions
@@ -1,19 +1,12 @@
 ---
 id: 672aa7678e05e35d42e33522
 title: What Is Color Theory in Design?
-challengeType: 11
-videoId: AUNryEIMjNQ
+challengeType: 19
 dashedName: what-is-color-theory-in-design
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is color theory in design?
-
 Color theory is the study of how colors interact with each other and how they affect our perception. It covers color relationships, color harmony, and the psychological impact of color. Let's start diving into this world. Colors can be classified as either primary, secondary, or tertiary.

 Primary colors, yellow, blue, and red, are the fundamental hues from which all other colors are derived.
@@ -1,19 +1,12 @@
 ---
 id: 672bc4ff5e7a4bbdee8ba013
 title: What Are Named Colors in CSS, and When to Use Them?
-challengeType: 11
-videoId: YD7ndioXOyM
+challengeType: 19
 dashedName: what-are-named-colors-in-css
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are named colors in CSS, and when to use them?
-
 In CSS, colors play a crucial role in designing web pages, enhancing readability, setting the mood, and improving user experience. One of the simplest ways to define colors in CSS is by using named colors. Named colors are predefined color names recognized by browsers. Here is an example of using a named color for a paragraph element:

 ```css
@@ -41,7 +34,7 @@ Named colors in CSS are convenient but limited, with only 140 available options.

 Named colors in CSS are a great way to apply colors quickly and descriptively. While they are useful for basic designs, prototyping, and improving code readability, their limited range makes them less suitable for complex designs requiring precise color control.

-By understanding the strengths and limitations of named colors, you can determine when it’s best to use them over more detailed color models like RGB or HSL, which you will learn about in future videos.
+By understanding the strengths and limitations of named colors, you can determine when it’s best to use them over more detailed color models like RGB or HSL, which you will learn about in future lectures.

 # --questions--

@@ -1,19 +1,12 @@
 ---
 id: 672bc51370c789be459186b4
 title: What Is the RGB Color Model, and How Does the RGB Function Work in CSS?
-challengeType: 11
-videoId: RpmqPy_KY4c
+challengeType: 19
 dashedName: what-is-the-rgb-color-model
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is the RGB color model, and how does the RGB function work in CSS?
-
 When working with colors in CSS, understanding the RGB color model is essential. RGB stands for Red, Green, and Blue — the primary colors of light. These three colors are combined in different intensities to create a wide range of colors. 

 The RGB color model is an additive color model, which means colors are created by combining light at varying intensities. 
@@ -1,19 +1,12 @@
 ---
 id: 672bc523324694be91d90d96
 title: What Is the HSL Color Model, and How Does the HSL Function Work in CSS?
-challengeType: 11
-videoId: 7wgi0xRlZDo
+challengeType: 19
 dashedName: what-is-the-hsl-color-model
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What is the HSL color model, and how does the `hsl()` function work in CSS?
-
 When styling websites, one of the most versatile and intuitive ways to work with color is by using the HSL color model. HSL stands for Hue, Saturation, and Lightness — three key components that define a color. 

 The HSL color model represents colors in a way that is more in line with how humans perceive color. In this lecture, we will explore what the HSL color model is and how the `hsl()` function is used in CSS.
@@ -1,19 +1,12 @@
 ---
 id: 672bc5344330d7bee2f9c2ed
 title: What Are Hex Codes, and How Do They Work in CSS?
-challengeType: 11
-videoId: -mAJpbtCtao
+challengeType: 19
 dashedName: what-are-hex-codes
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are hex color values, and how do they work in CSS?
-
 When working with CSS to style a webpage, one of the most common methods for defining colors is by using hex color values. Hexadecimal color values, or hex codes, are a concise way to represent colors in the RGB color model. In this lecture, we'll explore what hex codes are, how they work in CSS, and when to use them.

 A hex code (short for hexadecimal code) is a six-character string used to represent colors in the RGB color model. The "hex" refers to the base-16 numbering system, which uses digits `0` to `9` and letters `A` to `F`. 
@@ -1,20 +1,13 @@
 ---
 id: 672bc544196a17bf28594e64
 title: What Are Linear and Radial Gradients, and How Do They Work in CSS?
-challengeType: 11
-videoId: pQqkca5Xor8
+challengeType: 19
 dashedName: what-are-linear-and-radial-gradients
 ---

 # --description--

-Watch the video or read the transcript and answer the questions below.
-
-# --transcript--
-
-What are linear and radial gradients, and how do they work in CSS?
-
-In a previous lecture, you learned how to start working with linear and radial gradients. In this video, we are going to dive deeper into how to work with the CSS properties to create more visually appealing and complex designs.
+In a previous lecture, you learned how to start working with linear and radial gradients. In this lecture, we are going to dive deeper into how to work with the CSS properties to create more visually appealing and complex designs.

 Gradients in CSS allow you to create smooth transitions between two or more specified colors. They are often used to add depth, texture, and visual interest to web designs without the need for image files.