<style>
#app {
width:100vw;
height:100vh; // u can set it as auto if you want
display:flex;
}
#sidebar {
width:30%; // u can adjust it
height:100%;
}
#main-content {
width:100%;
height:100%;
}
</style>
<div id="app">
<div id="sidebar">
</div>
<div id="main-content">
</div>
</div>
Code Example |
---|
Css :: ease in out |
Css :: show arrow on hover css |
Css :: background-image linear-gradient url |
Css :: css text-decoration |
Css :: scss flex |
Css :: html css circle progress bar |
Css :: mb bootstrap |
Css :: sass table |
Css :: form validation with css |
Css :: increase the distance between paragraphs css |
Css :: elementor ccs code for gradient |
Css :: CSS logo left and navigation right |
Css :: simple font-face mixin scss |
Css :: css set text color |
Css :: backdrop filter css |
Css :: logo discord css |
Css :: device-pixel-ratio css |
Css :: css comment placer un icon sur une photo |
Css :: scss darken |
Css :: icon circle css |
Css :: flex basis |
Css :: how fixed image at top |
Css :: calculator |
Css :: showing two iframes side by side |
Css :: comentarios en archivo scss |
Css :: up arrow css |
Css :: css width percentage |
Css :: circle percentage css |
Css :: css box sizing |
Css :: moving cloud by css |