Skip to content

Commit 7b5aa8f

Browse files
authored
fix(dynamic-font-scaling): fix markdown (#4428)
1 parent 005d32e commit 7b5aa8f

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

docs/layout/dynamic-font-scaling.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,6 @@ However, the `em` unit has a compounding effect which can cause issues. In the f
6767
<div class="child">Child element with 80px</div>
6868
</div>
6969
</div>
70-
```
7170

7271
<div style={{ fontSize: '20px' }}>
7372
Parent element with 20px
@@ -76,6 +75,7 @@ However, the `em` unit has a compounding effect which can cause issues. In the f
7675
<div style={{ fontSize: '2em' }}>Child element with 80px</div>
7776
</div>
7877
</div>
78+
```
7979

8080
Due to this compounding effect, we strongly recommend using `rem` units instead of `em` units when working with Dynamic Font Scaling. `rem` units set the font size of an element relative to the font size of the root element, which is typically `<html>`. The default font size of the root element is typically `16px`.
8181

0 commit comments

Comments
 (0)