fix(curriculum): add indentation to CSS examples in transform property lecture transcript (#59940)

This commit is contained in:
Omar Rafiq
2025-04-24 02:00:18 -07:00
committed by GitHub
parent ae387fbd5c
commit e8ce4cd2fe

View File

@@ -22,13 +22,13 @@ Let's explore some common transform functions. Here's an example of a box elemen
```css
body {
border: 2px solid black;
border: 2px solid black;
}
.box {
width: 200px;
height: 200px;
background-color: red;
width: 200px;
height: 200px;
background-color: red;
}
```
@@ -38,14 +38,14 @@ The `translate` function moves an element from its current position. Here's an u
```css
body {
border: 2px solid black;
border: 2px solid black;
}
.box {
width: 200px;
height: 200px;
background-color: red;
transform: translate(50px, 100px);
width: 200px;
height: 200px;
background-color: red;
transform: translate(50px, 100px);
}
```
@@ -55,11 +55,11 @@ The `rotate` function rotates an element around a fixed point and this is an exa
```css
.box {
margin: 100px;
width: 200px;
height: 200px;
background-color: red;
transform: rotate(45deg);
margin: 100px;
width: 200px;
height: 200px;
background-color: red;
transform: rotate(45deg);
}
```
@@ -69,11 +69,11 @@ The `scale` function allows you to change the size of an element. Here's an exam
```css
.box {
margin: 100px;
width: 200px;
height: 200px;
background-color: red;
transform: scale(1.5, 2);
margin: 100px;
width: 200px;
height: 200px;
background-color: red;
transform: scale(1.5, 2);
}
```
@@ -83,11 +83,11 @@ You can combine multiple transformations in a single declaration:
```css
.box {
margin: 100px;
width: 200px;
height: 200px;
background-color: red;
transform: translate(50px, 50px) rotate(45deg) scale(1.5);
margin: 100px;
width: 200px;
height: 200px;
background-color: red;
transform: translate(50px, 50px) rotate(45deg) scale(1.5);
}
```