From 81808a6d71e561993608068d994c0615872d6c33 Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Tue, 13 Apr 2021 19:11:38 +0530 Subject: both the menu and the background are now responsive yay --- .config/startpage/backgroundsmall.jpg | Bin 0 -> 103811 bytes .config/startpage/index.html | 14 ++++++++------ 2 files changed, 8 insertions(+), 6 deletions(-) create mode 100644 .config/startpage/backgroundsmall.jpg (limited to '.config/startpage') diff --git a/.config/startpage/backgroundsmall.jpg b/.config/startpage/backgroundsmall.jpg new file mode 100644 index 0000000..3b51a70 Binary files /dev/null and b/.config/startpage/backgroundsmall.jpg differ diff --git a/.config/startpage/index.html b/.config/startpage/index.html index bd9e045..f9c7650 100644 --- a/.config/startpage/index.html +++ b/.config/startpage/index.html @@ -10,16 +10,17 @@ margin: 0px; background-image: url('main/background.jpg'); background-repeat: no-repeat; - background-size: cover; + background-size: 100vw 110vh; /* 110vh so yukino looks cuter lol */ + + background-color: #565960; } .nav { position: absolute; bottom: 0.5rem; - left: 0; right: 0; - + left: 1.5rem; right: 1.5rem; margin: auto; - width: 90%; - height: 3rem; + + /*width: 90%;*/ background-color: #FFFFFF; border: 2px solid #232627; @@ -36,8 +37,9 @@ } .link-container { background-color: #5B76B7; - padding: 0.5rem 1rem; + padding: 0.5rem 1.1rem; border-radius: 1.5rem; + margin: 0.25rem 0.3rem; } .nav a { color: white; -- cgit v1.2.3