Holy grail with flexbox

<div class="container">
        <header>HEADER</header>
        <main>MAIN CONTENT</main>
        <aside class="left-sidebar">LEFT SIDEBAR</aside>
        <aside class="right-sidebar">RIGHT SIDEBAR</aside>
        <footer>FOOTER</footer>  
</div>

Source: developerdrive.com

Similar codes

5 votes169 views6 answers
Tailwind cdn
Html
32 votes166 views6 answers
Border class bootstrap
Html
0 vote182 views4 answers
Html to exe
Html
0 vote150 views1 answer
Prevent the child event from triggering the parent element angular 5
Html
0 vote189 views1 answer
Bootsrap main section fill all height with navbar
Html
0 vote180 views1 answer
Conditional script tag in html head site:stackoverflow.com
Html
0 vote161 views1 answer
How to make an a tag not clickable
Html
0 vote162 views1 answer
How to revert php artisan ui vue --auth
Html
1 vote179 views2 answers
Vue 3 emits
Html
70 votes158 views6 answers
Html hyperlink
Html