club-mate: improve mobile layout
Hunter
Thursday, July 24th, 2025 at 7:39 PM
89 font-size: 22px;
90 margin-bottom: 50px;
91 }
92 + @media (max-width: 600px) {
93 + .gaucho-section {
94 + flex-direction: column;
95 + }
96 + blockquote {
97 + margin-top:40px;
98 + margin-bottom:40px;
99 + }
100 + }
101 </style>
102 </head>
103 <body class="centered">
108 <img class="header-bottle" src="pages/club-mate/images/cm_bottle_photo.png">
109 </div>
110 <hr>
- <div class="centered">
111 + <div class="centered gaucho-section">
112 <img src="pages/club-mate/images/gaucho.svg">
113 <blockquote class="centered">Cheers! And welcome to my online shrine to the celebrated German energy drink, Club-Mate. Have a maté, mate!</blockquote>
114 </div>
232 Sounds good to me, but why does it look like <a href="https://www.mountaindew.com/product/mtn-dew-code-red">Mountain Dew Code Red</a>?
233 </p>
234 <p>
- Something about this variant's electric colorway is telling me ingesting it may be hazardous to my health... but I still kinda want to.
235 + Something about this variant's electric colorway is telling me ingesting it may be hazardous to my health... but I still kinda want to try it.
236 </p>
237 </div>
238 <div class="subchunk">