icons now responsive and changed to flexbox div

This commit is contained in:
neon443
2024-04-13 10:50:46 +01:00
parent c051009149
commit f074cf7f1f
2 changed files with 57 additions and 40 deletions

View File

@@ -41,23 +41,32 @@
<b>├─</b><a href="https://neon443.github.io/sandspiel/">Sandspiel</a><br>
<b>└─</b><a href="https://neon443.github.io/sandboxels/">Sandboxels</a><br><br>
</p>
<table>
<tr>
<td class="icn"><a href="https://neon443.github.io/eaglercraft152"><img src="images/minecraft/1.5.png" alt=""></a></td>
<td class="icn"><a href="https://neon443.github.io/eaglercraftX188"><img src="images/minecraft/1.8.png" alt=""></a></td>
<td class="icn"><a href="https://neon443.github.io/webEPK"><img src="images/webEPK/icon.png" alt=""></a></td>
<td class="icn"><a href="https://neon443.github.io/2048"><img src="images/2048/icon.png" alt=""></a></td>
<td class="icn"><a href="https://neon443.github.io/fancade"><img src="images/fancade/icon.png" alt=""></a></td>
<td class="icn"><a href="https://neon443.github.io/fancade/drive.html"><img src="images/fancade/drive.png" alt=""></a></td>
</tr>
<tr>
<td class="label"><p>Minecraft 1.5.2</p></td>
<td class="label"><p>Minecraft 1.8.8 u27</p></td>
<td class="label"><p>webEPK</p></td>
<td class="label"><p>2048</p></td>
<td class="label"><p>Fancade</p></td>
<td class="label"><p>Drive Mad</p></td>
</tr>
</table><br>
<div class="homescreen">
<!-- 16 app icons -->
<a href="https://neon443.github.io/eaglercraft152" class="app">
<img src="./images/minecraft/1.5.png" alt="App Icon">
<span class="label">Minecraft 1.5.2</span>
</a>
<a href="https://neon443.github.io/eaglercraftX188" class="app">
<img src="./images/minecraft/1.8.png" alt="App Icon">
<span class="label">Minecraft 1.8.8</span>
</a>
<a href="https://neon443.github.io/webEPK" class="app">
<img src="./images/webEPK/icon.png" alt="App Icon">
<span class="label">WebEPK</span>
</a>
<a href="https://neon443.github.io/2048" class="app">
<img src="./images/icon.png" alt="App Icon">
<span class="label">2048</span>
</a>
<a href="https://neon443.github.io/fancade" class="app">
<img src="./images/fancade/icon.png" alt="App Icon">
<span class="label">Fancade</span>
</a>
<a href="https://neon443.github.io/fancade/drive" class="app">
<img src="./images/fancade/drive.png" alt="App Icon">
<span class="label">Drive Mad</span>
</a>
</div>
</body>
</html>