| ... |
... |
@@ -162,20 +162,9 @@ |
| 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 |
| 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 |
|
- box-sizing: border-box; |
|
167 |
+ height: 100%; |
| 179 |
179 |
padding: 18px; |
| 180 |
180 |
background: #fff; |
| 181 |
181 |
border: 1px solid @line; |
| ... |
... |
@@ -184,7 +184,6 @@ |
| 184 |
184 |
transition: transform .18s ease, box-shadow .18s ease; |
| 185 |
185 |
display: flex; |
| 186 |
186 |
flex-direction: column; |
| 187 |
|
- height: 100%; |
| 188 |
188 |
|
| 189 |
189 |
&:hover { |
| 190 |
190 |
transform: translateY(-2px); |