9
1
2
3
›
⌄
<div class="element">
clamp + calc
</div>
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
›
⌄
⌄
.element {
background: skyblue;
height: 200px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
font-size:2rem;
}
.element {
width: clamp(200px, calc(50% + 10vw), 600px);
}
9
1
›
// code here