Left: | ||
Right: |
OLD | NEW |
---|---|
1 <style> | 1 <style> |
2 | 2 |
3 .card-summary | 3 .masthead-img img |
ire
2017/09/06 22:56:58
It seems like these styles should be applied to al
juliandoucette
2017/09/11 16:15:59
Acknowledged.
This could be different depending o
| |
4 { | 4 { |
5 height: 36px; | 5 padding-top: 32px; |
6 } | 6 padding-left: 32px; |
7 padding-right: 32px; | |
8 } | |
7 | 9 |
8 .item-summary | 10 @media(min-width: 576px) |
9 { | 11 { |
10 height: auto; | 12 .masthead-img img |
11 } | 13 { |
14 padding-top: 48px; | |
15 } | |
16 } | |
12 | 17 |
13 @media(min-width: 544px) | 18 @media(min-width: 768px) |
14 { | 19 { |
20 .masthead-img img | |
21 { | |
22 padding-top: 16px; | |
23 } | |
24 } | |
25 | |
26 .card-summary | |
27 { | |
28 height: 36px; | |
29 } | |
30 | |
15 .item-summary | 31 .item-summary |
16 { | 32 { |
17 height: 70px; | 33 height: auto; |
18 } | 34 } |
19 } | |
20 | 35 |
21 @media(min-width: 768px) | 36 @media(min-width: 544px) |
22 { | |
23 .item-summary | |
24 { | 37 { |
25 height: 170px; | 38 .item-summary |
39 { | |
40 height: 70px; | |
41 } | |
26 } | 42 } |
27 } | |
28 | 43 |
29 @media(min-width: 992px) | 44 @media(min-width: 768px) |
30 { | |
31 .item-summary | |
32 { | 45 { |
33 height: 120px; | 46 .item-summary |
47 { | |
48 height: 170px; | |
49 } | |
34 } | 50 } |
35 } | 51 |
52 @media(min-width: 992px) | |
53 { | |
54 .item-summary | |
55 { | |
56 height: 120px; | |
57 } | |
58 } | |
36 | 59 |
37 </style> | 60 </style> |
OLD | NEW |