header styling
All checks were successful
Build and Deploy Astro App / build_and_deploy (push) Successful in 47s
All checks were successful
Build and Deploy Astro App / build_and_deploy (push) Successful in 47s
This commit is contained in:
parent
198bfe2d70
commit
2e341f4b94
1 changed files with 4 additions and 7 deletions
|
|
@ -14,13 +14,9 @@
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
* {
|
|
||||||
font-size: larger;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
header {
|
||||||
width: 100%;
|
padding: 24px;
|
||||||
padding: 24px 0 24px 24px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: var(--primary-color);
|
background-color: var(--primary-color);
|
||||||
|
|
@ -28,6 +24,7 @@
|
||||||
|
|
||||||
#name {
|
#name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
width: min-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vertical-line {
|
.vertical-line {
|
||||||
|
|
@ -38,14 +35,14 @@
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-right: 24px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
font-size: larger;
|
font-size: 1.5rem;
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue