mirror of
https://github.com/Gioni06/terminal.css
synced 2025-03-09 09:09:04 -04:00
59 lines
1.5 KiB
HTML
59 lines
1.5 KiB
HTML
<section>
|
|
<header>
|
|
<h2 id="GridSystem">Grid System</h2>
|
|
<p>
|
|
Terminal CSS has no build-in grid system. However, you can roll your own with Flexbox or CSS Grid.
|
|
</p>
|
|
</header>
|
|
<div class="image-grid">
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&1"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&2"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&3"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&4"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&5"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&6"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
<a href="https://picsum.photos" style="border: none;"
|
|
><img
|
|
src="https://picsum.photos/200/300?random&7"
|
|
width="auto"
|
|
height="auto"
|
|
alt="random image"
|
|
/></a>
|
|
</div>
|
|
</section> |