Matus-Stastny

<div class="container">
    <header>Header</header>
    <nav>Navigation</nav>
    <content>
        <h3>Content</h3>
        <p>
            Cake brownie tart. Ice cream sugar plum cookie ice cream tart tart chupa chups. Soufflé soufflé candy canes macaroon. Candy
            pudding danish pudding marshmallow. Tootsie roll toffee powder tiramisu cookie macaroon chocolate dragée.
        </p>
    </content>

Matus-Stastny

.container {
    display: grid;
    min-height: 100vh;
    grid-template-columns: minmax(auto, 200px) 1fr minmax(auto, 200px);
    grid-template-rows: minmax(auto, 50px) 1fr minmax(auto, 50px);
}

Matus-Stastny

.container {
    display: grid;
    min-height: 100vh;
    grid-template-columns: minmax(auto, 200px) 1fr minmax(auto, 200px);
    grid-template-rows: minmax(auto, 50px) 1fr minmax(auto, 50px);
    grid-template-areas:
        'header header header'
        'nav content side-bar'
        'footer footer footer';
}

Matus-Stastny

 @media (max-width: 800px) {
    .container {
        grid-template-columns: minmax(auto, 200px) 1fr;
        grid-template-rows: auto auto 1fr auto;
        grid-template-areas:
        "header   header"
        "nav      nav"
        "side-bar content"
        "footer footer";
    }

Matus-Stastny

 @media (max-width: 500px) {
    .container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr auto auto; 
        grid-template-areas: 
            'header'
            'nav'
            'content'
            'side-bar'
            'footer';

Matus-Stastny

Keybase proof

I hereby claim:

• I am matus-stastny on github.
• I am happym (https://keybase.io/happym) on keybase.
• I have a public key ASAM4UWvM4FsPNYgMQg5fvKfga72tsVLY76HtthSEXg73Qo

To claim this, I am signing this object:

Matus-Stastny

// ==UserScript==
// @name         Gitlab hide .graphql.js/.ts diffs
// @version      0.1
// @author       Matus
// @include      https://gitlab.skypicker.com/*/*/-/merge_requests/*/diffs
// @grant        none
// ==/UserScript==

function waitUntilLoaded(){
   return new Promise((res, reject) => {