xoy/introvertialspace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[Change game css from flex to grid]

Browse source
This commit is contained in:
xoy 2025-02-04 22:49:06 +01:00
parent f60cafee4b
commit 0405d78f26
2 changed files with 3 additions and 4 deletions

6
css/games.css
View file

@ -1,7 +1,8 @@
div.game-container { div.game-container {
display: flex; display: grid;
flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
grid-template-columns: repeat(auto-fill, calc(460px * 0.8));
gap: 10px;
} }
div.game-container > a.game { div.game-container > a.game {
@ -12,7 +13,6 @@ div.game-container > a.game {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
transition: background-size 200ms; transition: background-size 200ms;
margin: 5px;
} }
div.game-container > a.game:hover { div.game-container > a.game:hover {

1
games.html
View file

@ -25,7 +25,6 @@
<a href="https://store.steampowered.com/app/379430/Kingdom_Come_Deliverance/" target="_blank" class="game kcd"></a> <a href="https://store.steampowered.com/app/379430/Kingdom_Come_Deliverance/" target="_blank" class="game kcd"></a>
<a href="https://store.steampowered.com/app/881100/Noita/" target="_blank" class="game noita"></a> <a href="https://store.steampowered.com/app/881100/Noita/" target="_blank" class="game noita"></a>
<a href="https://store.steampowered.com/app/1326470/Sons_Of_The_Forest/" target="_blank" class="game sotf"></a> <a href="https://store.steampowered.com/app/1326470/Sons_Of_The_Forest/" target="_blank" class="game sotf"></a>
<a class="game"></a>
</div> </div>
</main> </main>
</body> </body>