Skip to content

Commit f03f5c3

Browse files
committed
Cleaned up aspect ratios
1 parent 174397f commit f03f5c3

File tree

3 files changed

+15
-29
lines changed

3 files changed

+15
-29
lines changed

styles/about.css

+1-5
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
}
9292

9393
.about .about-content .right a:hover{
94-
color: indigo;
94+
color: whitesmoke;
9595
background: none;
9696
}
9797

@@ -118,10 +118,6 @@
118118
}
119119

120120
@media (max-width: 469px){
121-
.about .about-content .left img{
122-
height: 275px;
123-
width: 2750px;
124-
}
125121
.about .about-content .right .text{
126122
font-size: 23px;
127123
}

styles/home.css

+11-15
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,16 @@
1313
}
1414

1515
.home .home-content .text-1{
16-
font-size: 27px;
16+
font-size: 28px;
1717
}
1818

1919
.home .home-content .text-2{
20-
font-size: 75px;
20+
font-size: 70px;
2121
font-weight: 600;
22-
margin-left: -3px;
2322
}
2423

2524
.home .home-content .text-3{
26-
font-size: 27px;
25+
font-size: 35px;
2726
margin: 5px 0;
2827
}
2928

@@ -44,20 +43,21 @@
4443
}
4544

4645
.home .home-content a:hover{
47-
color: blueviolet;
46+
color: whitesmoke;
4847
background: none;
4948
}
5049

5150
/* Mobile adaptation */
52-
@media (max-width: 1300px){
53-
.home .max-width{
54-
margin-left: 0px;
55-
}
56-
}
5751

5852
@media (max-width: 947px){
53+
.home .home-content .text-1{
54+
font-size: 25px;
55+
}
56+
.home .home-content .text-2{
57+
font-size: 62px;
58+
}
5959
.home .home-content .text-3{
60-
font-size: 35px;
60+
font-size: 32px;
6161
}
6262
.home .home-content a{
6363
font-size: 23px;
@@ -72,10 +72,6 @@
7272
.home .home-content .text-3{
7373
font-size: 32px;
7474
}
75-
.home .home-content a{
76-
font-size: 20px;
77-
}
78-
7975
}
8076

8177
@media (max-width: 500px){

styles/main.css

+3-9
Original file line numberDiff line numberDiff line change
@@ -78,12 +78,6 @@ section{
7878
}
7979

8080
/* Mobile adaptation */
81-
@media (max-width: 991px){
82-
.max-width{
83-
padding: 0 50px;
84-
}
85-
}
86-
8781
@media (max-width: 947px){
8882
.menu-btn{
8983
display: block;
@@ -115,9 +109,9 @@ section{
115109
margin: 25px, 0;
116110
font-size: 25px;
117111
}
118-
/* .max-width{
119-
max-width: 800px;
120-
} */
112+
.max-width{
113+
padding: 0 50px;
114+
}
121115
}
122116

123117
@media (max-width: 690px){

0 commit comments

Comments
 (0)