From 99ba5ee96d254e1a633671765a1b4187a4bbd692 Mon Sep 17 00:00:00 2001 From: Robert Mayr Date: Oct 01 2016 20:26:50 +0000 Subject: make images in start.fpo a bit bigger for large screens, but keep smaller resolution for small screens --- diff --git a/start.fedoraproject.org/static/css/app.css b/start.fedoraproject.org/static/css/app.css index 4a120a9..760d9f6 100644 --- a/start.fedoraproject.org/static/css/app.css +++ b/start.fedoraproject.org/static/css/app.css @@ -83,7 +83,7 @@ img.header-icon { } .white img { - width: 80px; + width: 100px; position: absolute; margin-left: -8px; margin-top: 7px; @@ -229,5 +229,31 @@ li.right { border-bottom: 2px solid #ccc; border-right: none; } + + .white img { + width: 700px; + position: absolute; + margin-left: -8px; + margin-top: 7px; + } +} + +@media (max-width: 1400px) { + .white img { + width: 80px; + position: absolute; + margin-left: -8px; + margin-top: 7px; + } +} + +@media (max-width: 992px) { + .white img { + width: 60px; + position: absolute; + margin-left: -8px; + margin-top: 7px; + } } /* end small screens classes */ +