Paulus/paulus.casa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styled front page for mobile screens width greater than 400px

Browse Source
This commit is contained in:
II-Paulus-II 2024-03-25 00:15:15 +00:00
parent cedd8db1f1
commit e6aeb55aac
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/details.css
View File

@ -28,6 +28,16 @@
font-size: 2.5rem; font-size: 2.5rem;
} }
@media screen and (max-width: 550px) {
.detailsTitle {
font-size: 2.5rem;
}
.detailsComment {
font-size: 1.75rem;
}
}
.detailsInfoLinksContainer { .detailsInfoLinksContainer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -40,6 +50,8 @@
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 1.5rem; font-size: 1.5rem;
text-decoration: none; text-decoration: none;
border-bottom: 2px solid white;
border-radius: 5px;
} }
.detailsInfoLinks:hover, .detailsInfoLinks:visited, .detailsInfoLinks:active { .detailsInfoLinks:hover, .detailsInfoLinks:visited, .detailsInfoLinks:active {
@ -58,6 +70,12 @@
transform: translateY(-4rem); transform: translateY(-4rem);
} }
@media screen and (max-width: 650px) {
.detailsSocialLinksContainer {
display: none;
}
}
.detailsSocialLinksImg { .detailsSocialLinksImg {
max-width: 4rem; max-width: 4rem;
height: 100%; height: 100%;