From c2eac4e41b7e8a242a7a1ef8659de225decd79e5 Mon Sep 17 00:00:00 2001 From: Medve Gergo Date: Mon, 7 Nov 2022 10:22:50 +0100 Subject: [PATCH] asd --- index.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++ style.css | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 128 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..706b28a --- /dev/null +++ b/index.html @@ -0,0 +1,60 @@ + + + + + + + + + + Szemantikus elemek + + + +
+
+

XDD Jó téma

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus culpa fugiat id iure repudiandae maiores. + Quas doloremque officiis necessitatibus minima. Lorem ipsum dolor sit amet consectetur, adipisicing + elit. Alias, illo. Totam rem asperiores porro ullam tempore eaque deserunt animi consequatur temporibus + fugiat, in maiores molestiae ipsum fuga obcaecati magnam cum.

+ +
+
+
bruh
+
bruh
+
bruh
+
+ + +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..da5d089 --- /dev/null +++ b/style.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body{ + padding: 1rem; + background: rgb(8,0,142); + background: linear-gradient(90deg, rgba(8,0,142,1) 0%, rgba(9,9,121,1) 12%, rgba(0,212,255,1) 100%); +} + +header{ + border: solid black 1px; + background-color: whitesmoke; + grid-column: 1/4; +} + +section{ + grid-row: 2/5; + grid-column: 1/3; + background-color: whitesmoke; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 1fr 1fr 1fr; +} + +article{ + background-color: whitesmoke; + border: solid black 1px; + width: 100%; + height: 100%; +} + +footer{ + background-color: whitesmoke; + grid-row: 5/6; + grid-column: 1/4; + border: solid black 1px; +} + +aside{ + border: solid black 1px; + background-color: whitesmoke; + grid-row: 2/5; +} + +.griding{ + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr; +} + +.canter{ + padding: 1rem; +} + +.elvalasztas{ + margin: 0.5rem; +} + +.tusjak{ + background-color: #ff00ff; +} + +.coloring{ + color: white; +} \ No newline at end of file