From 4683fd83d40f7123f0a2d3a94dbe8a8dea03fefe Mon Sep 17 00:00:00 2001 From: CHoogkamer Date: Fri, 8 Oct 2021 08:46:44 +0200 Subject: [PATCH 1/2] Add header to website --- style.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/style.css b/style.css index b33f0ac..91a0749 100644 --- a/style.css +++ b/style.css @@ -19,4 +19,20 @@ .images > img { width: 30%; } +} + +.nav { + display: flex; + position: relative; + justify-content: center; + align-items: center; + text-align: center; + padding: 5px 10px; + margin-bottom: 10px; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} + +.nav img { + margin-right: 10px; + height: 80%; } \ No newline at end of file From c904b04e3eb67c21f1811e3d1406eafed092e1da Mon Sep 17 00:00:00 2001 From: CHoogkamer Date: Thu, 14 Oct 2021 11:35:23 +0200 Subject: [PATCH 2/2] Add color to header --- index.html | 13 ++++++++----- style.css | 18 +++++++++++++----- 2 files changed, 21 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index fdce932..c5693a4 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,15 @@ 30 days of scam + - +
+ +
+

Developed by guugle and government of bindia

diff --git a/style.css b/style.css index 91a0749..5503d05 100644 --- a/style.css +++ b/style.css @@ -21,18 +21,26 @@ } } -.nav { +header .nav { display: flex; - position: relative; + position: absolute; + width: 100%; + left: 0; + top: 0; justify-content: center; align-items: center; text-align: center; - padding: 5px 10px; - margin-bottom: 10px; + flex-direction: row; + background-color: #FCDDB6; + box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .nav img { margin-right: 10px; height: 80%; -} \ No newline at end of file +} + +main { + margin-top: 100px; +}