emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix cool-stuff 

Made the footer solution less awful
This commit is contained in:
Emilia Allison 2022-09-29 23:29:00 -04:00
parent 6abb6a6187
commit 04ddc30772
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
3 changed files with 24 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/cool-stuff/index.html
View File

@ -6,11 +6,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<div class="overlay">
<div id="overlay">
</div>
<main class="outerdiv contentholder">
<div class="contentholder__topfiller"></div>
<div class="content">
<main class="grid-center--offset">
<div>
<h1>
Cool Stuff
</h1>

26
src/scss/ilia1.scss
View File

@ -60,6 +60,27 @@ $color-dark: hsl(195, 47%, 7%);
place-self: center;
grid-area: main;
}
footer {
@extend .row;
flex-wrap: nowrap;
margin-bottom: 2vh;
position: static;
grid-row: 3 / span 1;
grid-column: 2 / span 1;
place-self: end center;
a {
display: table-cell;
height: 6vh;
width: 15%;
margin: 3%;
font-size: 6vh;
text-align: center;
}
}
}
.grid-center {
@ -169,11 +190,6 @@ a {
/* Semantic */
footer {
position: fixed;
bottom: 0px;
}
/* ------------- */
/* ILIA Specific */
/* ------------- */

20
src/scss/index.scss
View File

@ -1,22 +1,2 @@
@import "ilia1";
footer {
@extend .row;
flex-wrap: nowrap;
margin-bottom: 2vh;
position: static;
grid-row: 3 / span 1;
grid-column: 2 / span 1;
place-self: end center;
a {
display: table-cell;
height: 6vh;
width: 15%;
margin: 3%;
font-size: 6vh;
text-align: center;
}
}