diff --git a/grid.css b/grid.css index e69de29..f707f7f 100644 --- a/grid.css +++ b/grid.css @@ -0,0 +1,28 @@ +.container{ + display: grid; + grid-template-columns: 20% 1fr; + grid-template-rows: 10% 1fr 10%; + height: 100vh; + grid-gap: 5px; +} + + .header{ +grid-column: 2/3; +grid-row: 1/2; +} + + +.content{ + grid-column: 2 / 3; + grid-row: 2 /3; +} + +.footer{ + grid-column: 1/3; + grid-row-start: 3; +} + +.menu{ + grid-column-start: 1 ; + grid-row: 1 / 3 ; +} \ No newline at end of file diff --git a/index.html b/index.html index 535ecb1..eab9654 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,86 @@ + +
-
HEADER
-
MENU
-
CONTENT
+
+ +
+
+ +
+
+
+
+
+
+
Special title treatment
+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
+
+
+
+
+
Special title treatment
+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
+
+
+
FOOTER