tom/personal_site
1
0
Fork 0
mirror of https://github.com/TomHodson/tomhodson.github.com.git synced 2025-06-26 10:01:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

FIx image grid and footer css

Browse Source
This commit is contained in:
Tom 2024-03-07 13:47:15 +00:00
parent fbea2d7d03
commit 27f62fd3d3
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_sass/base.scss
View File

@ -134,6 +134,7 @@ figure.centered {
} }
section.image-grid-4x4 { section.image-grid-4x4 {
aspect-ratio: 1 / 1;
display: grid; display: grid;
grid-template-columns: 50% 50%; grid-template-columns: 50% 50%;
grid-template-rows: 50% 50%; grid-template-rows: 50% 50%;
@ -142,9 +143,12 @@ section.image-grid-4x4 {
margin-bottom: 1em; margin-bottom: 1em;
place-items: stretch stretch; place-items: stretch stretch;
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%;
aspect-ratio: auto;
} }
} }

13
_sass/footer.scss
View File

@ -15,4 +15,17 @@ footer {
text-decoration: none; text-decoration: none;
} }
}
@media
only screen and (max-width: $horizontal_breakpoint),
only screen and (max-height: $vertical_breakpoint)
{
footer {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
margin: auto;
justify-content: center;
}
} }