Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -1236,25 +1236,41 @@ 1236 1236 } 1237 1237 1238 1238 /* ========== Resources Index ========== */ 1239 - 1240 1240 .resources-index-page { 1241 1241 background: #fff; 1242 1242 1243 - .services-grid { 1242 + /* Resources index: show cards in rows of 2, center the last one if alone */ 1243 + .resources-grid { 1244 + display: grid; 1244 1244 grid-template-columns: repeat(2, minmax(0, 1fr)); 1246 + justify-content: center; 1247 + align-items: stretch; 1245 1245 } 1246 -} 1247 1247 1248 -@media (max-width: 980px) { 1249 - .resources-index-page { 1250 - .services-grid { 1251 - grid-template-columns: 1fr; 1252 - } 1250 + .resources-grid .resource-card { 1251 + height: 100%; 1253 1253 } 1253 + 1254 + .resources-grid .resource-card:last-child:nth-child(odd) { 1255 + grid-column: 1 / -1; 1256 + max-width: calc(50% - 12px); 1257 + justify-self: center; 1258 + } 1254 1254 } 1255 1255 1261 +/* Keep 2 columns on tablets. Only switch to 1 column on smaller mobile screens. */ 1256 1256 @media (max-width: 767px) { 1257 1257 .resources-index-page { 1258 1258 padding: @section-padding-mobile; 1265 + 1266 + .resources-grid { 1267 + grid-template-columns: 1fr; 1268 + } 1269 + 1270 + .resources-grid .resource-card:last-child:nth-child(odd) { 1271 + grid-column: auto; 1272 + max-width: none; 1273 + justify-self: stretch; 1274 + } 1259 1259 } 1260 1260 }