lukas/PersonalWebsite
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

navabar same color as background

Browse Source
This commit is contained in:
lukas-heiligenbrunner
2020-03-16 19:54:54 +01:00
parent 59faacff6e
commit 7c082e0176
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@@ -11,7 +11,6 @@ body, html {
} }
#section1 { #section1 {
padding-top: 200px;
background-color: #311E25; background-color: #311E25;
color: white; color: white;
} }
@@ -33,6 +32,10 @@ body, html {
/* screen larger than 600px -- desktop */ /* screen larger than 600px -- desktop */
@media screen and (min-width: 601px) { @media screen and (min-width: 601px) {
#section1{
padding-top: 200px;
}
#preTitle{ #preTitle{
font-size: 35px; font-size: 35px;
} }
@@ -49,6 +52,10 @@ body, html {
/* Screen smaller than 600px -- mobile */ /* Screen smaller than 600px -- mobile */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
#section1{
padding-top: 100px;
}
#preTitle{ #preTitle{
font-size: 15px; font-size: 15px;
} }

2
index.html
View File

@@ -22,7 +22,7 @@
<!-- The scrollable area --> <!-- The scrollable area -->
<body data-spy="scroll" data-target=".navbar" data-offset="50"> <body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top justify-content-end"> <nav class="navbar navbar-expand-sm navbar-dark fixed-top justify-content-end">
<!-- Toggler/collapsibe Button --> <!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>