fix projects mobile view

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

View File

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

View File

@ -2,8 +2,36 @@ article.project {
display: flex;
img {
height: 7em;
max-height: 7em;
aspect-ratio: 1 / 1;
margin-right: 1em;
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;
}
}