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 projects mobile view

Browse Source
This commit is contained in:
Tom 2023-09-06 14:06:02 +01:00
parent 1953626622
commit 6b60ed6654
2 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_sass/main.scss
View File

@ -118,6 +118,7 @@ div.highlight {
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
margin: 0px; margin: 0px;
justify-content: flex-start;
} }
article { article {

30
_sass/projects.scss
View File

@ -2,8 +2,36 @@ article.project {
display: flex; display: flex;
img { img {
height: 7em; max-height: 7em;
aspect-ratio: 1 / 1;
margin-right: 1em; margin-right: 1em;
border-radius: 2em; border-radius: 2em;
} }
figure {
padding: 0;
justify-content: center;
}
}
@media
only screen and (max-width: $horizontal_breakpoint),
only screen and (max-height: $vertical_breakpoint)
{
main {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
margin: 0px;
}
article {
margin-left: 0px;
}
h1 {font-size: 1.5em !important;}
.MathJax {
font-size: 0.8em !important;
overflow-x: auto;
overflow-y: hidden;
}
} }