keyemail/keyemail-dev
1
2
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

mobile support

Browse source
This commit is contained in:
Keyemail 2023-12-27 01:39:34 -08:00
parent bbb05a31be
commit 4cf67f9ef0
1 changed files with 37 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/views/HomePage.vue
View file

@ -70,12 +70,12 @@
height: fit-content; height: fit-content;
} }
.header h1{ .headContents h1{
font-weight: 500; font-weight: 500;
font-size: 50px font-size: 50px
} }
.header p { .headContents p {
margin-top: 40px; margin-top: 40px;
font-weight: 400; font-weight: 400;
font-size: 30px; font-size: 30px;
@ -85,7 +85,6 @@
.header img { .header img {
width: 400px; width: 400px;
height: 400px; height: 400px;
align-self: flex-end;
justify-self: center; justify-self: center;
} }
@ -98,4 +97,39 @@
font-weight: 500; font-weight: 500;
font-size: 30px; font-size: 30px;
} }
@media only screen and (max-width: 1376px){
.workinprogress{
font-size: 20px;
}
}
@media only screen and (max-width: 1360px) {
.header {
justify-content: center;
flex-direction: column;
}
.headContents{
text-align: center;
}
.header img{
margin-top: 60px;
}
}
@media only screen and (max-width: 990px){
.headContents p {
width: auto;
}
.workinprogress {
font-size: 15px;
}
}
@media only screen and (max-width: 720px) {
.workinprogress {
font-size: 10px;
}
}
</style> </style>