Elias/Soundtrack: Difference between revisions
From TowersWiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<style> | <style> | ||
.wiki-container { | .wiki-container { | ||
Line 42: | Line 36: | ||
} | } | ||
} | } | ||
</style> | |||
<div class="wiki-container"> | <div class="wiki-container"> | ||
<div class="grid-item">[https://www.youtube.com/watch?v=xBs1UUyjbPs Kevin Devine & The Goddamn Band – My Brother's Blood]</div> | <div class="grid-item">[https://www.youtube.com/watch?v=xBs1UUyjbPs Kevin Devine & The Goddamn Band – My Brother's Blood]</div> |
Revision as of 13:15, 5 July 2024
<style>
.wiki-container { display: flex; flex-wrap: wrap; gap: 16px; padding: 16px; background-color: #f9f9f9; border: 1px solid #ddd; }
.grid-item { flex: 1 1 calc(33.333% - 32px); /* Adjusts the width to 1/3 of the container minus the gap */ min-width: 200px; /* Ensures a minimum width */ background-color: #fff; border: 1px solid #ddd; padding: 16px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.2s; }
.grid-item:hover { transform: translateY(-5px); }
@media (max-width: 768px) { .grid-item { flex: 1 1 calc(50% - 32px); /* Adjusts the width to 1/2 of the container on smaller screens */ } }
@media (max-width: 480px) { .grid-item { flex: 1 1 100%; /* Stacks items vertically on very small screens */ } } </style>