styling of heading llke in the jigsaw version

This commit is contained in:
Nikurasu 2022-10-14 14:40:41 +02:00
parent ef0dc11363
commit 2c826970e3
3 changed files with 13 additions and 4 deletions

View file

@ -1,14 +1,19 @@
body { body {
min-height: 100vh; min-height: 100vh;
display: flex;
justify-content: center;
} }
.container { .container {
margin-top: 3rem; padding-top: 3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: .5rem;
}
.headingbox>h1 {
font-size: 1.5rem;
font-weight: 800;
font-family: monospace;
} }
.imgbox>img { .imgbox>img {

View file

@ -1,3 +1,7 @@
body { body {
background-image: linear-gradient(165deg, #c7a25c 0%, #ff9601 43%, #980d0d 100%); background-image: linear-gradient(165deg, #c7a25c 0%, #ff9601 43%, #980d0d 100%);
}
.headingbox {
color: #FFFFFF;
} }

View file

@ -5,7 +5,7 @@
<img src="img/<%= filenameProfilePic %> " alt=""> <img src="img/<%= filenameProfilePic %> " alt="">
</div> </div>
<div class="headingbox"> <div class="headingbox">
<span><%= name %></span> <h1><%= name %></h1>
</div> </div>
<div class="linkbox"> <div class="linkbox">