From d51d272e502b9908c3db4651b73858aa0e3584e1 Mon Sep 17 00:00:00 2001 From: Felix Baah Date: Mon, 23 Oct 2023 22:13:05 +0100 Subject: [PATCH] added some css reset --- CSS/StyleSheet.css | 56 ++++++++++++++++++++++++++++++++++++------- Dnd/DndStyleSheet.css | 38 +++++++++++++++++++++++++++++ home.html | 12 +++++++--- 3 files changed, 94 insertions(+), 12 deletions(-) diff --git a/CSS/StyleSheet.css b/CSS/StyleSheet.css index bd0f304..26301b0 100644 --- a/CSS/StyleSheet.css +++ b/CSS/StyleSheet.css @@ -1,14 +1,51 @@ -/* Base structure */ +/* custom css reset */ +html{ + scroll-behavior: smooth; +} + +* , *::before, *::after{ + margin: 0; + padding: 0; + box-sizing: inherit; +} + +*{ + font-size: inherit; +} -html, body { +html, +body{ + width: 100%; height: 100%; + box-sizing: border-box; + } +img, +picture, +video, +svg{ + display: block; + max-width: 100%; +} + +p, h1, h2, h3, h4, h5, h6 { +overflow-wrap: break-word; +} + +input, button, textarea, select { +font: inherit; +} + + +/* Base structure */ + /* Customise the Navigation Bar */ .navbar { background-color:#050f1b; } + .devsoc-nav-item { color:white; float: left; @@ -45,6 +82,7 @@ i{ display: block; margin-left: auto; margin-right: auto; + } header { @@ -52,7 +90,7 @@ header { background-color: black; height: 75vh; min-height: 25rem; - width: 100%; + /* width: 100%; */ overflow: hidden; } @@ -60,10 +98,10 @@ header video { position: absolute; top: 50%; left: 50%; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; + /* min-width: 100%; */ + /* min-height: 100%; */ + /* width: auto; */ + /* height: auto; */ z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); @@ -80,8 +118,8 @@ header .overlay { position: absolute; top: 0; left: 0; - height: 100%; - width: 100%; + /* height: 100%; */ + /* width: 100%; */ background-color: black; opacity: 0.4; z-index: 1; diff --git a/Dnd/DndStyleSheet.css b/Dnd/DndStyleSheet.css index 55028bf..b6debf1 100644 --- a/Dnd/DndStyleSheet.css +++ b/Dnd/DndStyleSheet.css @@ -1,3 +1,41 @@ +/* custom css reset */ +html{ + scroll-behavior: smooth; +} + +html, +body{ + width: 100%; + height: 100%; + box-sizing: border-box; +} + +img, +picture, +video, +svg{ + display: block; + max-width: 100%; +} + +* , *::before, *::after{ + margin: 0; + padding: 0; + box-sizing: inherit; +} + +*{ + font-size: inherit; +} + +p, h1, h2, h3, h4, h5, h6 { +overflow-wrap: break-word; +} + +input, button, textarea, select { +font: inherit; +} + .dnd-body { background-color: black; color: white; diff --git a/home.html b/home.html index 5e8ecb5..c599c1f 100644 --- a/home.html +++ b/home.html @@ -2,8 +2,12 @@ - - + + + + + + @@ -21,6 +25,7 @@ +