dan/links
dan/links
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 Fix h1 centering on desktop

Browse source
This commit is contained in:
Dan Jones 2023-01-03 14:25:18 -06:00
commit 4a965e28b7
2 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -13,7 +13,7 @@
<img src="img/profile-manga.jpg" class="figure-img img-fluid rounded-circle" alt="{{name}}"/> <img src="img/profile-manga.jpg" class="figure-img img-fluid rounded-circle" alt="{{name}}"/>
</figure> </figure>
<div class="container d-flex flex-wrap justify-content-center"> <div class="container d-flex flex-wrap justify-content-center">
<h1 class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto text-dark px-4 py-2 border border-white rounded"> <h1 class="d-flex align-items-center me-lg-auto text-dark px-4 py-2 border border-white rounded">
{{name}} {{name}}
</h1> </h1>
</div> </div>

3
scss/style.scss
View file

@ -37,13 +37,12 @@ body {
height: 100vh; height: 100vh;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
color: white;
position: relative;
} }
header { header {
h1 { h1 {
background-color: $mostly-white; background-color: $mostly-white;
margin: 0 auto;
} }
figure { figure {