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

Unified Diff: 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
Patch Set: Addressed #3 (forgot to fix 766) Created Jan. 8, 2018, 12:47 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « includes/blog/all-posts.tmpl ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pages/blog/index.md
===================================================================
--- a/pages/blog/index.md
+++ b/pages/blog/index.md
@@ -5,25 +5,32 @@
<style>
.card h3
{
font-size: 20px;
height: 70px;
}
+.card img
+{
+ display: block;
+ height: auto;
+ width: auto;
+ margin: 0 auto;
+}
+
+@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
+{
+ .card img { max-height: 200px; }
+}
+
@media(min-width: 768px)
{
- .card img.block
- {
- width: auto !important;
- height: auto;
- max-height: 100px;
- margin: 0 auto;
- }
+ .card img { max-height: 100px; }
}
</style>
<div class="container" markdown="1">
# {{blog-heading[Blog Heading] The official Acceptable Ads blog}}
---
« no previous file with comments | « includes/blog/all-posts.tmpl ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld