Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.sidebar { width: 250px; } .main { width: calc(100% - 250px); /* Fill remaining space */ } .hero { height: calc(100vh - 60px); /* Full viewport minus nav */ } .grid-item { width: calc(33.333% - 1rem); /* 3 columns with gaps */ }
Result
Open