STAMP SHELF HTML

Have you ever wanted a fancy place to show off your stamps? Well this code has you covered!

Flex boxes! Shelves! Make it look like you have a nice little piece of furniture on your profile to show off those coveted stamps rather than just dumping them in a Custom Content block and calling it a day!

Code:

<!-- border shit -->
<div style="
border: 7px solid #4e2f18;
">
<div style="
border: 25px inset #855329;
background: #53331a;
">
<!-- /// -->

<!-- the actual good stuff -->
<!-- title thing -->
<div style="
margin: auto;
margin-top: 15px;
margin-bottom: 0;
background: #dadada;
border: 3px solid white;
color: black;
max-width: 250px;
padding: 7px;
text-align: center;
font-size: 25px;
"> <p><b> My Stamp Collection! </b></p>
</div>
<!-- /// -->

<!-- shelves lol -->
<div style="
border: 10px outset #3b2412;
margin-bottom: 7px;
"></div>

<!-- stampies!!!! -->
<!-- but first, flex containers!!! -->
<div style="
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
">
<!-- ok now its stamp time -->
<!-- also the reason why i'm doing <img /> instead of <img> like i usually did, is because of ** compatablity **. ofc you can safely just use <img> instead lol -->
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
</div>

<!-- general template below -->

<!--v start new section -->
<!-- shelf -->
<div style="
border: 10px outset #3b2412;
margin-bottom: 7px;
"></div>

<!-- flex container -->
<div style="
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
">

<!-- stamps -->
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
<img src="https://file.garden/ZRYaM_KULjLI5_I-/stamps/invis.png" />
</div>
<!-- ^ end flex -->

</div>
</div>