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>