diff --git a/css/games.css b/css/games.css index cde21b3..2bd9510 100644 --- a/css/games.css +++ b/css/games.css @@ -1,7 +1,8 @@ div.game-container { - display: flex; - flex-wrap: wrap; + display: grid; justify-content: space-around; + grid-template-columns: repeat(auto-fill, calc(460px * 0.8)); + gap: 10px; } div.game-container > a.game { @@ -12,7 +13,6 @@ div.game-container > a.game { background-position: center; background-repeat: no-repeat; transition: background-size 200ms; - margin: 5px; } div.game-container > a.game:hover { diff --git a/games.html b/games.html index 79e8f96..f3110ff 100644 --- a/games.html +++ b/games.html @@ -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/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 class="game"></a> </div> </main> </body>