Turbo UI
Full width blocks
Inner blocks
Layouts
Hero layout
Full screen layout
Split layout
Paper with 1 column
Paper with 2 columns
Sidebar layout
Full-page grid
Horizontal container
Scroll container
Background
Card
CSS Elems

Horizontal container

<div class="t1 flex w-full"> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> </div>
<div class="t1 flex justify-content-center w-full"> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40"></div> </div>
<div class="t1 flex justify-content-end w-full"> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40"></div> </div>
<div class="t1 flex justify-content-between w-full"> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40"></div> </div>
<div class="t1 flex justify-content-around w-full"> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40"></div> </div>
<div class="t1 flex justify-content-evenly w-full"> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40 mr-16"></div> <div class="t1 bg-c-blue w-40 h-40"></div> </div>