mobile support

This commit is contained in:
Keyemail 2023-12-27 01:39:34 -08:00
parent bbb05a31be
commit 4cf67f9ef0

View file

@ -70,12 +70,12 @@
height: fit-content;
}
.header h1{
.headContents h1{
font-weight: 500;
font-size: 50px
}
.header p {
.headContents p {
margin-top: 40px;
font-weight: 400;
font-size: 30px;
@ -85,7 +85,6 @@
.header img {
width: 400px;
height: 400px;
align-self: flex-end;
justify-self: center;
}
@ -98,4 +97,39 @@
font-weight: 500;
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>