commit ef719ab9022cbe3e49f63d1aa1a3368527898220
parent ce27d33512c570704e47df6da1b9bddc9db9d985
Author: Hunter
Date: Thu, 24 Jul 2025 19:39:49 -0400
club-mate: improve mobile layout
Diffstat:
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/pages/club-mate/index.html b/pages/club-mate/index.html
@@ -89,6 +89,15 @@
font-size: 22px;
margin-bottom: 50px;
}
+ @media (max-width: 600px) {
+ .gaucho-section {
+ flex-direction: column;
+ }
+ blockquote {
+ margin-top:40px;
+ margin-bottom:40px;
+ }
+ }
</style>
</head>
<body class="centered">
@@ -99,7 +108,7 @@
<img class="header-bottle" src="pages/club-mate/images/cm_bottle_photo.png">
</div>
<hr>
- <div class="centered">
+ <div class="centered gaucho-section">
<img src="pages/club-mate/images/gaucho.svg">
<blockquote class="centered">Cheers! And welcome to my online shrine to the celebrated German energy drink, Club-Mate. Have a maté, mate!</blockquote>
</div>
@@ -223,7 +232,7 @@
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>?
</p>
<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.
+ 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.
</p>
</div>
<div class="subchunk">