Left: | ||
Right: |
LEFT | RIGHT |
---|---|
(no file at all) | |
1 <style> | 1 <style> |
2 | 2 |
3 .card-summary | 3 .card-summary |
4 { | 4 { |
5 height: 36px; | 5 height: 36px; |
6 } | 6 } |
7 | 7 |
8 .item-summary | 8 .item-summary |
9 { | 9 { |
10 height: 120px; | 10 height: auto; |
11 } | 11 } |
12 | 12 |
13 @media(min-width: 544px) | 13 @media(min-width: 544px) |
14 { | 14 { |
15 .item-summary | 15 .item-summary |
16 { | 16 { |
17 height: 70px; | 17 height: 70px; |
18 } | 18 } |
19 } | 19 } |
20 | 20 |
21 @media(min-width: 768px) | 21 @media(min-width: 768px) |
22 { | 22 { |
23 .item-summary | 23 .item-summary |
24 { | 24 { |
25 height: 120px; | 25 height: 120px; |
26 } | 26 } |
27 } | 27 } |
28 | 28 |
29 @media(min-width: 992px) | 29 @media(min-width: 992px) |
30 { | 30 { |
31 .item-summary | 31 .item-summary |
32 { | 32 { |
33 height: 100px; | 33 height: 100px; |
34 } | 34 } |
35 } | 35 } |
36 | 36 |
37 </style> | 37 </style> |
LEFT | RIGHT |