Skip to Content
0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.119
edited by Alex Cotiugă
on 2025/11/14 08:47
Change comment: There is no comment for this version
To version 7.118
edited by Alex Cotiugă
on 2025/11/14 08:30
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -162,20 +162,21 @@
162 162   /* === WHY CHOOSE (widgets using flex) === */
163 163   .widgets {
164 164   margin-top: 12px;
165 - display: grid;
166 - grid-template-columns: 1fr;
167 - grid-gap: 16px; // spacing between cards
165 + display: flex;
166 + flex-wrap: wrap;
167 + justify-content: space-between;
168 168  
169 - @media (min-width: 768px) {
170 - grid-template-columns: repeat(2, 1fr);
171 - }
172 -
173 - @media (min-width: 992px) {
174 - grid-template-columns: repeat(4, 1fr);
175 - }
176 -
177 177   .widget {
178 178   box-sizing: border-box;
171 +
172 + /* Desktop (md+) – 4 per row */
173 + flex: 0 0 24%;
174 + max-width: 24%;
175 + margin-bottom: 16px;
176 +
177 + display: flex;
178 + flex-direction: column;
179 + height: 100%;
179 179   padding: 18px;
180 180   background: #fff;
181 181   border: 1px solid @line;
... ... @@ -182,9 +182,6 @@
182 182   border-radius: @radius;
183 183   box-shadow: @shadow-sm;
184 184   transition: transform .18s ease, box-shadow .18s ease;
185 - display: flex;
186 - flex-direction: column;
187 - height: 100%;
188 188  
189 189   &:hover {
190 190   transform: translateY(-2px);
... ... @@ -208,6 +208,20 @@
208 208   line-height: 1.45;
209 209   }
210 210   }
209 +
210 + @media (max-width: 991px) {
211 + .widget {
212 + flex: 0 0 48%;
213 + max-width: 48%;
214 + }
215 + }
216 +
217 + @media (max-width: 767px) {
218 + .widget {
219 + flex: 0 0 100%;
220 + max-width: 100%;
221 + }
222 + }
211 211   }
212 212  
213 213   /* SERVICES */