[Change game css from flex to grid]
This commit is contained in:
parent
f60cafee4b
commit
0405d78f26
2 changed files with 3 additions and 4 deletions
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue