comparison css/style.css @ 87:60f77a3de847

css: improve appearance on mobile
author Paper <paper@paper.us.eu.org>
date Tue, 11 Jun 2024 00:50:07 -0400
parents 1fed81c848a5
children a143c3991472
comparison
equal deleted inserted replaced
86:1fed81c848a5 87:60f77a3de847
159 float: inline-end; 159 float: inline-end;
160 } 160 }
161 161
162 .center-image { 162 .center-image {
163 display: block; 163 display: block;
164 margin: 0 auto; 164 margin-left: auto;
165 margin-right: auto;
166 width: 100%;
167 height: auto;
165 } 168 }
166 169
167 .plugs-list { 170 .plugs-list {
168 display: flex; 171 display: flex;
169 width: 100%; 172 width: 100%;
170 173
171 flex-wrap: wrap; 174 flex-wrap: wrap;
172 justify-content: center; 175 justify-content: center;
173 column-gap: 4px; 176
177 /* column-gap: 4px; */
178 row-gap: 0.5em;
174 } 179 }
175 180
176 .plugs-list-item { 181 .plugs-list-item {
177 display: block; 182 display: block;
178 183
179 width: 88px; 184 width: 88px;
180 height: 31px; 185 height: 31px;
181 186
182 opacity: 80%; 187 opacity: 80%;
188 image-rendering: pixelated;
183 } 189 }
184 190
185 .plugs-list-item:hover { 191 .plugs-list-item:hover {
186 opacity: 100%; 192 opacity: 100%;
187 } 193 }
194
195 .code-block {
196 overflow-x: scroll;
197 background-color: rgba(0, 0, 0, 0.6);
198 padding: 0.5em;
199 }