Elias/Soundtrack: Difference between revisions
From TowersWiki
(Created page with "[https://www.youtube.com/watch?v=xBs1UUyjbPs Kevin Devine & The Goddamn Band – My Brother's Blood]") |
No edit summary |
||
Line 1: | Line 1: | ||
[https://www.youtube.com/watch?v=xBs1UUyjbPs Kevin Devine & The Goddamn Band – My Brother's Blood] | <style> | ||
body { | |||
font-family: Arial, sans-serif; | |||
margin: 0; | |||
padding: 0; | |||
box-sizing: border-box; | |||
} | |||
.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> | |||
<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> |
Revision as of 13:14, 5 July 2024
<style>
body {
font-family: Arial, sans-serif; margin: 0; padding: 0; box-sizing: border-box; }
.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>