From 6c95d326c87fff9e4514d25df6095f4c7c3ba0b3 Mon Sep 17 00:00:00 2001 From: Orly R Mobilio Date: Sun, 23 Feb 2020 23:29:19 -0500 Subject: [PATCH] Add files via upload --- week-five-assignment/css/main.css | 21 +++++++++++++++ week-five-assignment/index.html | 45 +++++++++++++++++++++++++++++++ 2 files changed, 66 insertions(+) create mode 100644 week-five-assignment/css/main.css create mode 100644 week-five-assignment/index.html diff --git a/week-five-assignment/css/main.css b/week-five-assignment/css/main.css new file mode 100644 index 0000000..b4edc0c --- /dev/null +++ b/week-five-assignment/css/main.css @@ -0,0 +1,21 @@ +header, .sidebar-one, .sidebar-two, .content, footer{ + border: 1px solid lightblue; +} + +@media(min-width: 400px) { + .hg-body{ + display: grid; + grid-template-columns: 20% 1fr 20%; + grid-gap: 10px; + height: 100vh; + + } + + ul li { + display: block; + } + + header, footer { + font-size: 50px; + } +} \ No newline at end of file diff --git a/week-five-assignment/index.html b/week-five-assignment/index.html new file mode 100644 index 0000000..a57524d --- /dev/null +++ b/week-five-assignment/index.html @@ -0,0 +1,45 @@ + + + + + + + + holy grail + + + +
+
HEADER
+ +
+ +
+

MAIN MENU

+

+
    +
  • ITEM 1
    • +
  • ITEM 2
    • +
  • ITEM 3
    • +
  • ITEM 4
    • +
  • ITEM 5
    • +
+

+
+ +

CONTENT

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ +
+

+
    +
  • AD
    • +
  • AD
    • +
+

+
+
+ + +
+ + \ No newline at end of file