From 4634f07a3b1e70aab98deb8f1bdfa9ccaa5d5d3b Mon Sep 17 00:00:00 2001 From: Julian Date: Tue, 14 Jan 2020 16:18:37 +0100 Subject: [PATCH] add fixed-width grid behaviour to cards --- index.html | 90 +++++++++++++++++++++++++++++++++++++++++++----------- style.css | 18 +++++++---- 2 files changed, 84 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index 2c6dc9c..fc27686 100644 --- a/index.html +++ b/index.html @@ -1,24 +1,78 @@ - - - - - - - - + + + + - Nothing to see here. - - -

Nothing to see here.

 + + + + + + Nothing to see here. + + + + +
+ +
+ +
+
+
+
+
+ Featured +
+
+
+
+
+
+ Featured +
+
+
+
+
+
+ Featured +
+
+
+
+
+
+ Featured +
+
+
+
+
+
+ Featured +
+
+
+
+
+ + + + + + + + - - - - - - \ No newline at end of file diff --git a/style.css b/style.css index 6831fb9..5c6365c 100644 --- a/style.css +++ b/style.css @@ -2,10 +2,16 @@ body { background-color: #333339; } -h1 { - width:500px; - margin: 0 auto; - text-align:center; - margin-top: calc(50vh - 12px); - color: #00D9F7; +.card { + margin-top: 5%; +} + +.fixs { + -ms-flex: 0 0 400px; + flex: 0 0 400px; +} + +.header { + background-color: #ffffff; + min-height: 300px; } \ No newline at end of file