Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-conditional/container-queries/crashtests/grid-in-columns-001-crash.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
@container (max-width: 500px) {
#target {
display: grid;
}
}
</style>
<div id="container" style="columns:2; container-type:inline-size; width:400px;">
<div id="target"></div>
</div>
<script>
document.body.offsetTop;
container.style.width = "600px";
</script>