Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.card-wrapper { container-type: inline-size; container-name: card; } /* Styles apply when the card container is at least 400px wide */ @container card (min-width: 400px) { .card { display: flex; gap: 1rem; } }
Result
Open