From 941e0906c5cb658e223c9033b173f93468048b6d Mon Sep 17 00:00:00 2001 From: Tim Payne <47423639+ma7tcsp@users.noreply.github.com> Date: Wed, 22 Nov 2023 13:26:11 +0000 Subject: [PATCH] Delete layout.css --- layout.css | 75 ------------------------------------------------------ 1 file changed, 75 deletions(-) delete mode 100644 layout.css diff --git a/layout.css b/layout.css deleted file mode 100644 index 1d6f69c..0000000 --- a/layout.css +++ /dev/null @@ -1,75 +0,0 @@ -body{ - margin: 0px; -} -.container { - display: grid; - font-family: Arial, Helvetica, sans-serif; - grid-template-areas: - "header header" - "nav content" - "footer footer"; - - grid-template-columns: 200px 1fr; - grid-template-rows: auto 1fr auto; - grid-gap: 0px; - - height: 100vh; -} - -header { - grid-area: header; - background-color: var(--Header-Background); - color: var(--Header-Text); -} - -nav { - color: var(--Header-Text); - background-color: var(--Button-Background); - grid-area: nav; -} - -main { - grid-area: content; - color: var(--Content-Text); - background-color: var(--Content-Background); -} - -footer { - grid-area: footer; -} -.log{ - max-height: 50px; - width: auto; - margin: 10px; -} -.logo { - width: 100%; - height: 100%; - color: var(--Header-Text); - display: flex; -} -.person { - margin: auto 20px auto auto; -} -@media (max-width: 768px) { - .container { - grid-template-areas: - "header" - "nav" - "content" - "side" - "footer"; - - grid-template-columns: 1fr; - grid-template-rows: - auto /* Header */ - minmax(75px, auto) /* Nav */ - 1fr /* Content */ - minmax(75px, auto) /* Sidebar */ - auto; /* Footer */ - } - - nav, aside { - margin: 0; - } -} \ No newline at end of file