Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.145
edited by Alex Cotiugă
on 2025/11/17 09:32
Change comment: There is no comment for this version
To version 7.149
edited by Alex Cotiugă
on 2025/11/17 11:42
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -102,7 +102,6 @@
102 102   display: flex;
103 103   flex-direction: column;
104 104   align-items: center;
105 - gap: 1rem;
106 106   }
107 107  
108 108   .hero-cta {
... ... @@ -192,7 +192,7 @@
192 192   gap: 24px;
193 193  
194 194   /* center the whole block under the heading */
195 - max-width: 960px; // tweak 900–1040px to taste
194 + max-width: 960px;
196 196   margin-left: auto;
197 197   margin-right: auto;
198 198   justify-content: center;
... ... @@ -199,7 +199,6 @@
199 199   }
200 200  
201 201   .service {
202 - /* 2 items per row: 50% minus half the gap so row fits in 100% */
203 203   flex: 0 1 calc(50% - 12px);
204 204   display: flex;
205 205   align-items: flex-start;
... ... @@ -226,13 +226,11 @@
226 226   font-size: 1.125rem;
227 227   font-weight: 800;
228 228   }
229 -
230 230   p {
231 231   margin: 0 0 6px;
232 232   color: @text;
233 233   line-height: 1.5;
234 234   }
235 -
236 236   ul {
237 237   margin: .45rem 0 0;
238 238   padding-left: 1.1rem;
... ... @@ -239,7 +239,6 @@
239 239   color: @muted;
240 240   font-size: 13px;
241 241   }
242 -
243 243   li {
244 244   margin: .25rem 0;
245 245   line-height: 1.45;
... ... @@ -247,9 +247,14 @@
247 247   }
248 248   }
249 249  
250 - /* Last item when count is odd: full-width on its own row */
245 + /* ==== Center last item on its own row while keeping 50% width ==== */
251 251   .service-center {
252 - flex: 0 1 100%;
247 + /* same width as siblings */
248 + flex: 0 1 calc(55% - 12px);
249 +
250 + /* push to center */
251 + margin-left: auto;
252 + margin-right: auto;
253 253   }
254 254  
255 255   /* Mobile: 1 per row */
... ... @@ -262,6 +262,8 @@
262 262   .service,
263 263   .service-center {
264 264   flex: 0 1 100%;
265 + margin-left: 0;
266 + margin-right: 0;
265 265   }
266 266   }
267 267   }