Skip to Content

Changes for page Home

Last modified by Agnease on 2026/05/22 07:57
From version 7.121
edited by Agnease
on 2025/11/14 08:59
Change comment: There is no comment for this version
To version 7.120
edited by Agnease
on 2025/11/14 08:59
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -162,9 +162,20 @@
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 165  
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 +
166 166   .widget {
167 - height: 100%;
178 + box-sizing: border-box;
168 168   padding: 18px;
169 169   background: #fff;
170 170   border: 1px solid @line;
... ... @@ -173,6 +173,7 @@
173 173   transition: transform .18s ease, box-shadow .18s ease;
174 174   display: flex;
175 175   flex-direction: column;
187 + height: 100%;
176 176  
177 177   &:hover {
178 178   transform: translateY(-2px);