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"> <meta name="viewport" content="width=device-width,initial-scale=1">
</head> </head>
<body> <body>
<div class="overlay"> <div id="overlay">
</div> </div>
<main class="outerdiv contentholder"> <main class="grid-center--offset">
<div class="contentholder__topfiller"></div> <div>
<div class="content">
<h1> <h1>
Cool Stuff Cool Stuff
</h1> </h1>

26
src/scss/ilia1.scss
View File

@ -60,6 +60,27 @@ $color-dark: hsl(195, 47%, 7%);
place-self: center; place-self: center;
grid-area: main; 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 { .grid-center {
@ -169,11 +190,6 @@ a {
/* Semantic */ /* Semantic */
footer {
position: fixed;
bottom: 0px;
}
/* ------------- */ /* ------------- */
/* ILIA Specific */ /* ILIA Specific */
/* ------------- */ /* ------------- */

20
src/scss/index.scss
View File

@ -1,22 +1,2 @@
@import "ilia1"; @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;
}
}