One of the variables declared inside :root behave differently than the sass variables, declared with the $ sign.
Nota bene in the codepen’s example that when resizing the window only the bottom half has the yellowgreen background applied. Notice also that max-width is applied correctly.
I would like the top example to be able to get the yellowgreen background too.
see codepen
<code> pls see codepen
</div>```
</code>
<code> pls see codepen
</div>```
</code>
pls see codepen
</div>```