Minimal SCSS (again)

I'm a developer too, but I don't have time to do this. Beginners should not apply. Thank you for your understanding.

I want a native/pure HTML5/SCSS (responsive) solution for what you see in the screenshot. From as little code as possible.

I would like color code variables, examples:

$bg-color: #3A0C18;
$head-bg-color: #410000;
$head-font-color: #FFF;
$a-bg-color: #FFF;
$a-font-color: #333;

The max width of a box: 256px. Maybe:

<div class="box">
<h2>Online</h2>
<div class="links">
<a href="#">PeepShow</a>
<a href="#">Amina</a>
</div>
</div>

I want a maximum of 4 columns. I would like 2 box types: scrollable and not scrollable. Should be centered the boxes.