| ... |
... |
@@ -123,6 +123,8 @@ |
| 123 |
123 |
/* === WHY CHOOSE (widgets using Bootstrap grid) === */ |
| 124 |
124 |
.widgets { |
| 125 |
125 |
margin-top: 12px; |
|
126 |
+ display: flex; |
|
127 |
+ flex-wrap: wrap; |
| 126 |
126 |
|
| 127 |
127 |
/* optional: tighten columns a bit on small screens */ |
| 128 |
128 |
.col-sm-6 { |
| ... |
... |
@@ -138,11 +138,19 @@ |
| 138 |
138 |
box-shadow: @shadow-sm; |
| 139 |
139 |
display: flex; |
| 140 |
140 |
flex-direction: column; |
|
143 |
+ height: 100%; |
| 141 |
141 |
justify-content: flex-start; |
| 142 |
142 |
gap: 8px; |
| 143 |
143 |
text-align: left; |
| 144 |
144 |
transition: transform 0.18s ease, box-shadow 0.18s ease; |
| 145 |
145 |
|
|
149 |
+ :first-child { |
|
150 |
+ padding-left: 0; |
|
151 |
+ } |
|
152 |
+ :last-child { |
|
153 |
+ padding-right: 0; |
|
154 |
+ } |
|
155 |
+ |
| 146 |
146 |
&:hover { |
| 147 |
147 |
transform: translateY(-2px); |
| 148 |
148 |
box-shadow: @shadow; |
