Skip to content

Commit 8eb939d

Browse files
author
Jiawei Wu
committed
trying to fix mainnnn
1 parent e88bccc commit 8eb939d

File tree

1 file changed

+196
-0
lines changed

1 file changed

+196
-0
lines changed

‎src/pages/about.css‎

Lines changed: 196 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,196 @@
1+
* {
2+
font-family: 'Chivo';
3+
}
4+
5+
.row {
6+
display: flex;
7+
flex-direction: row;
8+
align-items: center;
9+
justify-content: center;
10+
width:100%;
11+
height: 400px;
12+
background-color: white;
13+
}
14+
15+
button {
16+
padding: 10px
17+
}
18+
19+
.sell-section-left {
20+
display: flex;
21+
width: 50vw;
22+
min-width: 350px;
23+
height: 40vh;
24+
justify-content: center;
25+
align-items: center;
26+
}
27+
28+
.sell-section-right-wrapper{
29+
display:flex;
30+
width: 50vw;
31+
min-width: 350px;
32+
justify-content: center;
33+
align-items: center;
34+
}
35+
36+
.sell-image-left {
37+
width: 50%;
38+
height: 60%;
39+
box-shadow: 10px 8px 0 rgb(34, 60, 80, .16);
40+
aspect-ratio: auto;
41+
object-fit: cover;
42+
border-radius: 20%;
43+
44+
}
45+
46+
.sell-section-right{
47+
font-family: 'Chivo', sans-serif;
48+
overflow:auto;
49+
color: black;
50+
display: flex;
51+
font-size: 15px;
52+
flex-direction: column;
53+
width: 350px;
54+
align-items: center;
55+
justify-content: center;
56+
text-align: center;
57+
height: 30vh;
58+
box-shadow: 0 4px 8px 0 rgb(34, 60, 80, .16);
59+
60+
}
61+
.sell-button {
62+
color: #FFFFF0;
63+
background-color: #57201B;
64+
}
65+
66+
.buy-button {
67+
color: #57201B;
68+
background-color: #FFFFF0;
69+
}
70+
71+
.buy-section-left-wrapper{
72+
display:flex;
73+
width:50vw;
74+
min-width: 45vw;
75+
justify-content: center;
76+
align-items: center;
77+
}
78+
79+
.buy-section-left{
80+
font-family: 'Chivo', sans-serif;
81+
font-size: 15px;
82+
overflow: auto;
83+
display: flex;
84+
flex-direction: column;
85+
width: 350px;
86+
min-width: 350px;
87+
height: 30vh;
88+
justify-content: center;
89+
align-items: center;
90+
text-align: center;
91+
box-shadow: 0 4px 8px 0 rgb(34, 60, 80, .16);
92+
}
93+
94+
.buy-section-right {
95+
width: 50vw;
96+
height: 30vh;
97+
display: flex;
98+
justify-content: center;
99+
align-items: center;
100+
}
101+
102+
.buy-image-right {
103+
width: 50%;
104+
height: 70%;
105+
aspect-ratio: auto;
106+
object-fit: cover;
107+
border-radius: 20%;
108+
box-shadow: 10px 8px 0 rgb(34, 60, 80, .16);
109+
}
110+
111+
/*Project Description 3rd row ---------------*/
112+
#project-description {
113+
overflow: auto;
114+
color: black;
115+
font-size: 30px;
116+
}
117+
118+
/*About Us Section 4th row ------------------*/
119+
#about-section {
120+
display: flex;
121+
text-align: center;
122+
flex-direction: column;
123+
}
124+
125+
.members-box {
126+
display: flex;
127+
flex-direction: column;
128+
justify-content: center;
129+
align-items: center;
130+
width: 100%;
131+
font-size: 20px;
132+
}
133+
134+
.project-wrapper {
135+
display: flex;
136+
flex-wrap: wrap;
137+
justify-content: center;
138+
align-items: center;
139+
margin:100px;
140+
margin-top: 50px;
141+
box-shadow: 0 4px 8px 0 rgb(34, 60, 80, .16);
142+
143+
}
144+
145+
.sell-section-right:hover{
146+
box-shadow: 0 16px 32px 0 rgb(34, 60, 80, .16);
147+
148+
}
149+
150+
.buy-section-left:hover{
151+
box-shadow: 0 16px 32px 0 rgb(34, 60, 80, .16);
152+
}
153+
154+
@media (width < 1200px) {
155+
.sell-section-left{
156+
display: none;
157+
}
158+
.buy-section-right{
159+
display:none;
160+
}
161+
}
162+
163+
#team-members-title-box {
164+
width: 50vw;
165+
height: 350px;
166+
display:flex;
167+
flex-direction: column;
168+
justify-content: top;
169+
}
170+
171+
#team-members {
172+
font-family: 'Space_Mono', monospace;
173+
width: 0vw;
174+
height: 350px;
175+
font-size: 3em;
176+
display: flex;
177+
flex-direction: row;
178+
justify-content: space-evenly;
179+
}
180+
181+
.a, .b, .c, .d, .e{
182+
padding: 30px;
183+
margin: 0px;
184+
color: black;
185+
}
186+
187+
#team {
188+
font-size: 50px;
189+
padding: 0px;
190+
margin: 0px;
191+
}
192+
193+
.description {
194+
font-family: 'Space_Mono', monospace;
195+
color: black;
196+
}

0 commit comments

Comments
 (0)