Skip to content

Commit 1b41ec3

Browse files
Bryson69Bryson69
committed
Fix bug
1 parent 0d094a1 commit 1b41ec3

File tree

2 files changed

+33
-33
lines changed

2 files changed

+33
-33
lines changed

‎assets/css/styles.css‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -312,10 +312,9 @@ img {
312312
align-items: center;
313313
flex-wrap: wrap;
314314
margin: 40px 0;
315-
/* width: 70%; */
316315
}
317316

318-
.team__card{
317+
.team__container .team__card{
319318
position: relative;
320319
width: 300px;
321320
height: 400px;
@@ -329,7 +328,7 @@ img {
329328
backdrop-filter: blur(10px);
330329
}
331330

332-
.team__content{
331+
.team__container .team__card .team__content{
333332
position: relative;
334333
display: flex;
335334
justify-content: center;
@@ -339,12 +338,12 @@ img {
339338
transition: 0.5s;
340339
}
341340

342-
.team__card:hover .team__content{
341+
.team__container .team__card:hover .team__content{
343342
opacity: 1;
344343
transform: translateY(-20px);
345344
}
346345

347-
.team__img{
346+
.team__container .team__card .team__content .team__img{
348347
position: relative;
349348
width: 150px;
350349
height: 150px;
@@ -353,7 +352,7 @@ img {
353352
border: 10px solid rgba(0, 0, 0, 0.25);
354353
}
355354

356-
.team__img > img{
355+
.team__container .team__card .team__content .team__img img{
357356
position: absolute;
358357
top: 0;
359358
left: 0;
@@ -362,7 +361,7 @@ img {
362361
object-fit: cover;
363362
}
364363

365-
.team__text > h3{
364+
.team__container .team__card .team__content .team__text h3{
366365
color: var(--text-color);
367366
text-transform: uppercase;
368367
letter-spacing: 2px;
@@ -372,7 +371,7 @@ img {
372371
line-height: 1.1em;
373372
}
374373

375-
.team__text > span{
374+
.team__container .team__card .team__content .team__text h3 span{
376375
font-size: 12px;
377376
font-weight: 300;
378377
text-transform: initial;
@@ -390,7 +389,7 @@ img {
390389
transform: translateY(40px);
391390
transition: 0.5s;
392391
opacity: 0;
393-
transition-delay: calc(0.1s * var(--i));
392+
transition-delay: calc(0.1s );
394393
}
395394

396395
.team__card:hover .team__icon li{

‎index.html‎

Lines changed: 25 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ <h2 class="about__subtitle">SurPath Community</h2>
8686
<!-- ====== TEAM =======-->
8787
<section class="team section bd-grid">
8888
<h2 class="section-title">Our Team</h2>
89+
8990
<div class="team__container">
9091
<div class="team__card">
9192
<div class="team__content">
@@ -96,19 +97,19 @@ <h3>someones name</h3><br><span>Moderator</span>
9697
</div>
9798

9899
<ul class="team__icon">
99-
<li style="--i:1">
100+
<li>
100101
<a href=""><i class='bx bxl-github'></i></a>
101102
</li>
102103

103-
<li style="--i:2">
104+
<li>
104105
<a href=""><i class='bx bxl-linkedin-square' ></i></a>
105106
</li>
106107

107-
<li style="--i:3">
108+
<li>
108109
<a href=""><i class='bx bxl-twitter' ></i></a>
109110
</li>
110111

111-
<li style="--i:4">
112+
<li>
112113
<a href=""><i class='bx bxl-instagram' ></i></a>
113114
</li>
114115
</ul>
@@ -124,19 +125,19 @@ <h3>someones name</h3><br><span>Moderator</span>
124125
</div>
125126

126127
<ul class="team__icon">
127-
<li style="--i:1">
128+
<li>
128129
<a href=""><i class='bx bxl-github'></i></a>
129130
</li>
130131

131-
<li style="--i:2">
132+
<li>
132133
<a href=""><i class='bx bxl-linkedin-square' ></i></a>
133134
</li>
134135

135-
<li style="--i:3">
136+
<li>
136137
<a href=""><i class='bx bxl-twitter' ></i></a>
137138
</li>
138139

139-
<li style="--i:4">
140+
<li>
140141
<a href=""><i class='bx bxl-instagram' ></i></a>
141142
</li>
142143
</ul>
@@ -152,19 +153,19 @@ <h3>someones name</h3><br><span>Moderator</span>
152153
</div>
153154

154155
<ul class="team__icon">
155-
<li style="--i:1">
156+
<li>
156157
<a href=""><i class='bx bxl-github'></i></a>
157158
</li>
158159

159-
<li style="--i:2">
160+
<li>
160161
<a href=""><i class='bx bxl-linkedin-square' ></i></a>
161162
</li>
162163

163-
<li style="--i:3">
164+
<li>
164165
<a href=""><i class='bx bxl-twitter' ></i></a>
165166
</li>
166167

167-
<li style="--i:4">
168+
<li>
168169
<a href=""><i class='bx bxl-instagram' ></i></a>
169170
</li>
170171
</ul>
@@ -180,19 +181,19 @@ <h3>someones name</h3><br><span>Moderator</span>
180181
</div>
181182

182183
<ul class="team__icon">
183-
<li style="--i:1">
184+
<li>
184185
<a href=""><i class='bx bxl-github'></i></a>
185186
</li>
186187

187-
<li style="--i:2">
188+
<li>
188189
<a href=""><i class='bx bxl-linkedin-square' ></i></a>
189190
</li>
190191

191-
<li style="--i:3">
192+
<li>
192193
<a href=""><i class='bx bxl-twitter' ></i></a>
193194
</li>
194195

195-
<li style="--i:4">
196+
<li>
196197
<a href=""><i class='bx bxl-instagram' ></i></a>
197198
</li>
198199
</ul>
@@ -208,19 +209,19 @@ <h3>someones name</h3><br><span>Moderator</span>
208209
</div>
209210

210211
<ul class="team__icon">
211-
<li style="--i:1">
212+
<li>
212213
<a href=""><i class='bx bxl-github'></i></a>
213214
</li>
214215

215-
<li style="--i:2">
216+
<li>
216217
<a href=""><i class='bx bxl-linkedin-square' ></i></a>
217218
</li>
218219

219-
<li style="--i:3">
220+
<li>
220221
<a href=""><i class='bx bxl-twitter' ></i></a>
221222
</li>
222223

223-
<li style="--i:4">
224+
<li>
224225
<a href=""><i class='bx bxl-instagram' ></i></a>
225226
</li>
226227
</ul>
@@ -236,19 +237,19 @@ <h3>someones name</h3><br><span>Moderator</span>
236237
</div>
237238

238239
<ul class="team__icon">
239-
<li style="--i:1">
240+
<li>
240241
<a href=""><i class='bx bxl-github'></i></a>
241242
</li>
242243

243-
<li style="--i:2">
244+
<li>
244245
<a href=""><i class='bx bxl-linkedin-square' ></i></a>
245246
</li>
246247

247-
<li style="--i:3">
248+
<li>
248249
<a href=""><i class='bx bxl-twitter' ></i></a>
249250
</li>
250251

251-
<li style="--i:4">
252+
<li>
252253
<a href=""><i class='bx bxl-instagram' ></i></a>
253254
</li>
254255
</ul>

0 commit comments

Comments
 (0)