Container queries let you write responsive styles based on the size of a container.
.card h2 {
font-size: 1em;
}
@container (width > 700px) {
.card h2 {
font-size: 2em;
}
}
Container queries let you write responsive styles based on the size of a container.
.card h2 {
font-size: 1em;
}
@container (width > 700px) {
.card h2 {
font-size: 2em;
}
}