HTML fixed and full column pattern

Often you need to make one column fixed and another should take rest of space.

One of way how to do this without table layout and without calc(100%-xx):

<div class="container">
    <div class="left">left</div>
    <div class="right">right</div>
</div>

CSS:

.container {
    width: 100%;
}

.left {
    float:left;
    width: 100px;
    margin-right:  -100px;
}

.right {
    margin-left:100px;
}

Best related

How to generate a webfont [automated setup]

#webfont #css #svg #react #vuejs

Changing color themes in CSS [Simple method]

#css #themes #html #styles #js #darktheme

CSS Basics – everything you need to know

#css