From 7fd212dceea1aa618a713cc1af4aa822f9ed1037 Mon Sep 17 00:00:00 2001 From: "Mr.doob" Date: Thu, 23 Apr 2015 12:39:13 +0100 Subject: [PATCH] CSS tweaks and added Submit link. --- index.html | 41 ++++++++++++++++++++++++++++++----------- 1 file changed, 30 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 16ec963622..2321cff43b 100644 --- a/index.html +++ b/index.html @@ -97,15 +97,14 @@ position: absolute; left: 180px; top: 0px; - padding: 28px 20px; + margin: 28px 20px; } #viewer img { - width: 200px; - height: 150px; display: block; + width: 50%; + height: auto; float: left; - transition: opacity 0.2s; } #viewer img:hover { @@ -146,7 +145,6 @@ margin-bottom: 20px; } h2{ - margin-top: 20px; margin-bottom: 20px; } #panel{ @@ -174,11 +172,6 @@ position: absolute; left: 0; top: 56px; - width: 100%; - } - #viewer img { - width: 33.33%; - height: auto; } #expandButton{ display: block; @@ -188,6 +181,32 @@ } } + /* grid */ + + @media all and ( min-width: 420px ) { + #viewer img { + width: 33.33%; + } + } + + @media all and ( min-width: 840px ) { + #viewer img { + width: 25%; + } + } + + @media all and ( min-width: 1100px ) { + #viewer img { + width: 20%; + } + } + + @media all and ( min-width: 1250px ) { + #viewer img { + width: 16.66%; + } + } + @@ -224,7 +243,6 @@ getting started
documentation
- google+
chat
help

@@ -274,6 +292,7 @@

featured projects

+ submit project -- GitLab