Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: pages/blog/index.md

Issue 29657629: Issue 6211 - Fixed size of blog post thumbnails on mobile (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Left Patch Set: Addressed #3 (forgot to fix 766) Created Jan. 8, 2018, 12:47 p.m.
Right Patch Set: Addressed #5 Created Jan. 9, 2018, 2:22 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « includes/blog/all-posts.tmpl ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 title=Blog | Acceptable Ads 1 title=Blog | Acceptable Ads
2 description=Keeping you up-to-date with everything related to acceptable ads. 2 description=Keeping you up-to-date with everything related to acceptable ads.
3 breadcrumb=Blog 3 breadcrumb=Blog
4 custom=1 4 custom=1
5 5
6 <style> 6 <style>
7 .card h3 7 .card h3
8 { 8 {
9 font-size: 20px; 9 font-size: 20px;
10 height: 70px;
11 } 10 }
12 11
13 .card img 12 .card img
14 { 13 {
15 display: block; 14 display: block;
16 height: auto; 15 height: auto;
16 max-height: 200px;
17 width: auto; 17 width: auto;
18 max-width: 100%;
18 margin: 0 auto; 19 margin: 0 auto;
19 }
20
21 @media (max-width: 767px)
ire 2018/01/09 08:26:34 You probably don't need this media query. This cou
juliandoucette 2018/01/09 14:24:03 Good point :D
22 {
23 .card img { max-height: 200px; }
24 } 20 }
25 21
26 @media(min-width: 768px) 22 @media(min-width: 768px)
27 { 23 {
24 .card h3 { height: 70px; }
ire 2018/01/10 10:08:39 Why is this here? (This height doesn't actually co
juliandoucette 2018/01/11 12:43:56 I knew this would come back to bite me :D This is
ire 2018/01/12 12:44:46 Haha ack. I don't think it is particularly helpful
28 .card img { max-height: 100px; } 25 .card img { max-height: 100px; }
29 } 26 }
30 </style> 27 </style>
31 28
32 <div class="container" markdown="1"> 29 <div class="container" markdown="1">
33 # {{blog-heading[Blog Heading] The official Acceptable Ads blog}} 30 # {{blog-heading[Blog Heading] The official Acceptable Ads blog}}
34 31
35 --- 32 ---
36 33
37 <div class="section" markdown="1"> 34 <div class="section" markdown="1">
38 {{blog-paragraph1[Acceptable Ads Blog Paragraph 1] Stay connected.}} 35 {{blog-paragraph1[Acceptable Ads Blog Paragraph 1] Stay connected.}}
39 </div> 36 </div>
40 37
41 </div> 38 </div>
42 39
43 <? include blog/all-posts ?> 40 <? include blog/all-posts ?>
LEFTRIGHT

Powered by Google App Engine
This is Rietveld