Updated responsive layout

This commit is contained in:
2025-07-06 01:10:23 -04:00
parent b18871471b
commit 0c4e89dc9a
2 changed files with 19 additions and 16 deletions

View File

@ -36,22 +36,24 @@
<main>
<div class="container flex-adaptive">
<div class="flex-1">Text</div>
<div class="flex-1 home-grid">
<div class="fill-background fill-teal border-round-1 border-round-tl border-round-bl"></div>
<div class="fill-background fill-black diamond"></div>
<div class="fill-background fill-brown border-round-2 border-round-tr"></div>
<div class="flex-1 home-grid-container">
<div class="home-grid">
<div class="fill-background fill-teal border-round-1 border-round-tl border-round-bl"></div>
<div class="fill-background fill-black diamond"></div>
<div class="fill-background fill-brown border-round-2 border-round-tr"></div>
<div class="fill fill-tan">
{% squareSvg 10 %}
</div>
<div class="fill-background fill-lightblue border-round border-round-2"></div>
<div class="fill-background fill-brown border-round-2 border-round-br"></div>
<div class="fill fill-tan">
{% squareSvg 10 %}
</div>
<div class="fill-background fill-lightblue border-round border-round-2"></div>
<div class="fill-background fill-brown border-round-2 border-round-br"></div>
<div class="fill-background fill-tan border-round-1 border-round-tl border-round-tr border-round-bl"></div>
<div class="fill fill-lightblue">
{% triangleSvg 12 %}
<div class="fill-background fill-tan border-round-1 border-round-tl border-round-tr border-round-bl"></div>
<div class="fill fill-lightblue">
{% triangleSvg 12 %}
</div>
<div class="fill-background fill-tan border-round-2 border-round-tr"></div>
</div>
<div class="fill-background fill-tan border-round-2 border-round-tr"></div>
</div>
</div>
</main>