From 3b299c18baa1ef11d6e4b01088811e7614ee3126 Mon Sep 17 00:00:00 2001 From: Hazel Noack Date: Wed, 2 Jul 2025 12:51:40 +0200 Subject: [PATCH] page layout --- frontend/assets/style.css | 39 +++++++++++++++++++++++++++++++++++++++ frontend/index.html | 18 ++++++++++++++++++ 2 files changed, 57 insertions(+) create mode 100644 frontend/assets/style.css create mode 100644 frontend/index.html diff --git a/frontend/assets/style.css b/frontend/assets/style.css new file mode 100644 index 0000000..b70e2e9 --- /dev/null +++ b/frontend/assets/style.css @@ -0,0 +1,39 @@ +body { + background-color: black; + + box-sizing: border-box; + margin: 0; + height: 100vh; + + padding: 5em; +} + +#main-grid { + width: 100%; + height: 100%; + + display: grid; + gap: 2em; + + grid-template-rows: 2.5em auto; +} + +#search { + grid-column: 1 / span 2; +} + +#left { + grid-column: 1; +} + +#right { + grid-column: 2; +} + +.grid-item { + background-color: rgba(255, 192, 203, 1); + border: 1px solid blueviolet; + + padding: 1em; + border-radius: .5em; +} diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000..a61d67e --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,18 @@ + + + + + + NewTab + + + + +
+ + +
Hellow
+ +
+ + \ No newline at end of file