Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24

From version 13.4
edited by Agnease
on 2026/05/23 18:54
Change comment: There is no comment for this version
To version 13.5
edited by Agnease
on 2026/05/26 09:03
Change comment: There is no comment for this version

Summary

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  }