Left: | ||
Right: |
OLD | NEW |
---|---|
1 <style> | 1 <style> |
2 | 2 |
3 .card-summary | 3 .card-summary |
4 { | 4 { |
5 height: 90px; | 5 height: auto; |
6 } | |
7 | |
8 .btn-container | |
9 { | |
10 margin-top: 16px; | |
11 margin-bottom: 16px; | |
6 } | 12 } |
7 | 13 |
8 @media(min-width: 544px) | 14 @media(min-width: 544px) |
9 { | 15 { |
10 .card-summary | 16 .card-summary |
11 { | 17 { |
12 height: 140px; | 18 height: 140px; |
13 } | 19 } |
20 .btn-container | |
21 { | |
22 margin-top: 32px; | |
23 margin-bottom: 32px; | |
24 } | |
14 } | 25 } |
15 | 26 |
16 @media(min-width: 768px) | 27 @media(min-width: 768px) |
17 { | 28 { |
18 .card-summary | 29 .card-summary |
19 { | 30 { |
20 height: 110px; | 31 height: 110px; |
21 } | 32 } |
33 .btn-container | |
34 { | |
35 margin-top: 64px; | |
36 margin-bottom: 64px; | |
37 } | |
22 } | 38 } |
23 | 39 |
24 @media(min-width: 992px) | 40 @media(min-width: 992px) |
25 { | 41 { |
26 .card-summary | 42 .card-summary |
27 { | 43 { |
28 height: 160px; | 44 height: 160px; |
29 } | 45 } |
30 } | 46 } |
31 | 47 |
32 @media(min-width: 768px) | 48 @media(min-width: 768px) |
33 { | 49 { |
34 .card.list | 50 .card.list |
35 { | 51 { |
36 display: block; | 52 display: block; |
37 width: 70%; | 53 width: 70%; |
38 margin: 0 auto; | 54 margin: 0 auto; |
39 } | 55 } |
40 } | 56 } |
41 | 57 |
42 </style> | 58 </style> |
OLD | NEW |