From 3572f5fc8f184d064cf77890681871f9e9dc9b8e Mon Sep 17 00:00:00 2001 From: raphaelgoetter Date: Mon, 29 Jul 2013 17:27:32 +0200 Subject: [PATCH] making autogrids responsive --- css/grids.css | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/css/grids.css b/css/grids.css index c3da30d..20c3990 100644 --- a/css/grids.css +++ b/css/grids.css @@ -51,4 +51,26 @@ .autogrid6 > * {width: 16%} .autogrid8 > * {width: 11.75%} .autogrid10 > * {width: 9.3%} -.autogrid12 > * {width: 7.6%} \ No newline at end of file +.autogrid12 > * {width: 7.6%} + +/* Responsiv-o-matic */ + +@media (max-width: 1024px) { + .autogrid5 > *, + .autogrid6 > *, + .autogrid8 > *, + .autogrid10 > *, + .autogrid12 > * {width: 32.8%} +} +@media (max-width: 768px) { + .autogrid3 > *, + .autogrid4 > *, + .autogrid5 > *, + .autogrid6 > *, + .autogrid8 > *, + .autogrid10 > *, + .autogrid12 > * {width: 49.55%} +} +@media (max-width: 640px) { + [class^="autogrid"] > * {width: 100%} +} \ No newline at end of file