mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
fix projects mobile view
This commit is contained in:
parent
1953626622
commit
6b60ed6654
@ -118,6 +118,7 @@ div.highlight {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
margin: 0px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
article {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user