Skip to content

Commit 2eae95f

Browse files
quinta-blipquinta-blip
committed
fix comment on BEM classes
1 parent 234ae95 commit 2eae95f

File tree

3 files changed

+44
-43
lines changed

3 files changed

+44
-43
lines changed

‎blog.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,8 @@
4343

4444
<div class="blog-header__actions">
4545
<input type="text" class="blog-header__search" placeholder="Search">
46-
<a href="#" class="blog-header__discord">Discord</a>
47-
<button class="blog-page-header__btn page-header__btn--login">Log In</button>
46+
<a href="#" class="blog-header__link">Discord</a>
47+
<button class="blog-header__btn page-header__btn--login">Log In</button>
4848
</div>
4949
</header>
5050

@@ -126,7 +126,7 @@ <h3 class="tags__title">Tag</h3>
126126
<h2 class="blog-article__title">The Basilisks NFT</h2>
127127
<div class="blog-article__meta">
128128

129-
<button class="blog-article__coming">Coming Soon</button>
129+
<button class="blog-article__btn blog-article__btn--coming">Coming Soon</button>
130130
<span class="blog-article__author" >Tony Nguyen</span> |
131131
<span class="blog-article__date" >20 June 2022</span> |
132132
</div>

‎index.html‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -91,46 +91,49 @@ <h2 class="catalog__title">Catalog</h2>
9191
<button class="catalog__button catalog__button-right" type="button" aria-label="Next"></button>
9292
</div>
9393
</div>
94+
9495
<ul class="catalog__list">
9596
<li class="catalog__item">
9697
<article class="catalog__product">
9798
<img src="ск.png" class="catalog__image" alt="Product">
9899
<span class="catalog__badge">New</span>
99100
<span class="catalog__value">$1990</span>
101+
<p class="catalog__title">Echo of Bones</p>
100102
</article>
101-
<p class="catalog__title">Echo of Bones</p>
103+
102104
</li>
103105
<li class="catalog__item">
104-
<article class="catalog__product"></article>
106+
<article class="catalog__product">
105107
<img src="ко.png" class="catalog__image" alt="Product">
106108
<span class="catalog__badge">New</span>
107109
<span class="catalog__value">$2390</span>
110+
<p class="catalog__title">Nyx the Watcher</p>
108111
</article>
109-
<p class="catalog__title">Nyx the Watcher</p>
112+
110113
</li>
111114
<li class="catalog__item">
112115
<article class="catalog__product">
113116
<img src="no.png" class="catalog__image" alt="Product">
114117
<span class="catalog__badge">Sold out</span>
115118
<span class="catalog__value">$20</span>
116-
</article>
117119
<p class="catalog__title">Blade of silence</p>
118-
</li>
120+
</article>
121+
</li>
119122
<li class="catalog__item">
120123
<article class="catalog__product">
121124
<img src="kn.png" class="catalog__image" alt="Product">
122125
<span class="catalog__badge">New</span>
123126
<span class="catalog__value">$1,000,000</span>
124-
</article>
125127
<p class="catalog__title">Data Core: Alpha</p>
128+
</article>
126129
</li>
127130
<li class="catalog__item">
128131
<article class="catalog__product">
129132
<img src="dv.png" class="catalog__image" alt="Product">
130133
<span class="catalog__badge">New</span>
131134
<span class="catalog__value">$199.5</span>
132-
</article>
133135
<p class="catalog__title">Phantom cansole</p>
136+
</article>
134137
</li>
135138
</ul>
136139
</section>

‎src/styles/style.css‎

Lines changed: 31 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
body {
22
margin: 0;
33
padding: 0;
4-
font-family: "Bakbak one", Arial, sans-serif;
5-
font-family: "poppins", Arial, sans-serif;
6-
background: #0d0d15;
7-
color: #e9eef5;
8-
color: rgba(255, 255, 255, 0.85);
4+
font-family: "Bakbak One", "Poppins", Arial, sans-serif;
5+
background: #0d0d15;
6+
color: #e9eef5;
7+
color: rgba(255, 255, 255, 0.85);
98
}
109

1110

@@ -21,6 +20,7 @@ body {
2120
color: #fff;
2221
font-size: 16px;
2322
text-decoration: none;
23+
list-style: none;
2424
}
2525

2626
/* 🔹 Page Header Search */
@@ -66,7 +66,7 @@ body {
6666
}
6767

6868
.banner__title {
69-
font-family:"Bakbak one", Arial, sans-serif;
69+
font-family:"Bakbak One", Arial, sans-serif;
7070
margin-bottom: 1px;
7171
font-size: 52px;
7272
font-weight: 400;
@@ -110,7 +110,7 @@ body {
110110

111111
}
112112

113-
.banner___button--disable {
113+
.banner__button--disable {
114114
font-family: "Poppins", Arial, sans-serif;
115115
background: #151723;
116116
border: 2px solid rgba(255, 255, 255, 0.2);
@@ -175,7 +175,7 @@ banner-section {
175175
}
176176

177177
.catalog__title {
178-
font-family: "bakbak one", Arial, sans-serif;
178+
font-family: "Bakbak one", Arial, sans-serif;
179179
font-weight: 400;
180180
margin-bottom: 1px;
181181
font-size: 24px;
@@ -337,12 +337,11 @@ banner-section {
337337
}
338338

339339

340-
.blog__badge,
341-
.blog__label {
340+
.blog__badge {
342341
font-family: "Poppins", Arial, sans-serif;
343342
background: #ffffff;
344343
color: #0265DC;
345-
font-size: 14px;
344+
font-size: 14px;
346345
font-weight: 600;
347346
letter-spacing: 0px;
348347
border-radius: 0px;
@@ -376,8 +375,7 @@ banner-section {
376375
}
377376

378377

379-
.blog__description,
380-
.blog__copy {
378+
.blog__description {
381379
font-family: "Poppins", Arial, sans-serif;
382380
font-weight: 400;
383381
font-size: 16px;
@@ -393,13 +391,13 @@ banner-section {
393391
color: #F5F8FB;
394392
text-decoration: none;
395393
font-family: "Poppins", Arial, sans-serif;
396-
font-weight: 600;
397-
font-style: SemiBold;
398-
font-size: 16px;
399-
line-height: 24px;
400-
letter-spacing: 0px;
401-
text-align: center;
402-
vertical-align: middle;
394+
font-weight: 600;
395+
font-style: SemiBold;
396+
font-size: 16px;
397+
line-height: 24px;
398+
letter-spacing: 0px;
399+
text-align: center;
400+
vertical-align: middle;
403401

404402
}
405403

@@ -427,7 +425,7 @@ vertical-align: middle;
427425
}
428426

429427
.about__title {
430-
font-family: "Bakbak one", Arial, sans-serif;
428+
font-family: "Bakbak One", Arial, sans-serif;
431429
font-weight: 400;
432430
font-size: 36px;
433431
line-height: 48px;
@@ -457,7 +455,7 @@ vertical-align: middle;
457455

458456
/* --- Each Card Feature --- */
459457
.about__item {
460-
font-family: "Bakbak one",Arial, sans-serif;
458+
font-family: "Bakbak One",Arial, sans-serif;
461459
background: #1a1a22;
462460
color: #F5F8FB;
463461
border-radius: 10px;
@@ -480,7 +478,7 @@ vertical-align: middle;
480478

481479
/* --- Headings & Text --- */
482480
.about__heading {
483-
font-family: "Bakbak one",Arial, sans-serif;
481+
font-family: "Bakbak One",Arial, sans-serif;
484482
font-weight: 400;
485483
font-size: 24px;
486484
line-height: 32px;
@@ -538,7 +536,7 @@ vertical-align: middle;
538536
}
539537

540538
.team__title {
541-
font-family: "Bakbak one",Arial, sans-serif;
539+
font-family: "Bakbak One",Arial, sans-serif;
542540
font-weight: 400;
543541
font-size: 36px;
544542
line-height: 48px;
@@ -549,7 +547,7 @@ vertical-align: middle;
549547
}
550548

551549
.team__list {
552-
font-family:"Bakbak one", Arial, sans-serif;
550+
font-family:"Bakbak One", Arial, sans-serif;
553551
list-style: none;
554552
margin: 0;
555553
}
@@ -566,7 +564,7 @@ team-card:hover {
566564
}
567565

568566
.team__name {
569-
font-family: "bakbak one", Arial, sans-serif;
567+
font-family: "bakbak One", Arial, sans-serif;
570568
font-weight: 400;
571569
font-size: 24px;
572570
line-height: 32px;
@@ -613,7 +611,7 @@ team-card:hover {
613611

614612

615613
.faq {
616-
font-family: "Bakbak one",Arial, sans-serif;
614+
font-family: "Bakbak One",Arial, sans-serif;
617615
background-color: #0d0d15;
618616
margin: 0px ;
619617
color: #F8F7FF;
@@ -622,7 +620,7 @@ team-card:hover {
622620
}
623621

624622
.faq__title {
625-
font-family: "Bakbak one",Arial, sans-serif;
623+
font-family: "Bakbak One",Arial, sans-serif;
626624
font-size: 36px;
627625
font-weight: 400;
628626
letter-spacing: -0.5px;
@@ -641,7 +639,7 @@ team-card:hover {
641639
}
642640

643641
.faq__question {
644-
font-family: "Bakbak one",Arial, sans-serif;
642+
font-family: "Bakbak One", Arial, sans-serif;
645643
font-weight: 400;
646644
font-size: 24px;
647645
line-height: 32px;
@@ -732,7 +730,7 @@ faq__item[open] .faq__question::after {
732730
.footer__nav-title {
733731
margin-bottom: 1rem;
734732
color: #fff;
735-
font-family: "Poppins" Aril, sans sans-serif;
733+
font-family: "Poppins" Arial, sans sans-serif;
736734
font-weight: 500;
737735
font-style: Medium;
738736
font-size: 20px;
@@ -978,7 +976,7 @@ text-align: center;
978976

979977
.blog-aside__title {
980978
color: #F5F8FB;
981-
font-family: "Bakbak One", Arial, sans-sarif;
979+
font-family: "Bakbak One", Arial, sans-serif;
982980
font-weight: 400;
983981
font-style: Regular;
984982
font-size: 24px;
@@ -1056,7 +1054,7 @@ text-align: center;
10561054

10571055
}
10581056
/* Coming Soon Button */
1059-
.blog-article__coming {
1057+
.blog-article__btn {
10601058
background: #2563eb;
10611059
color: #F5F8FB;
10621060
border-radius: 2px;
@@ -1124,7 +1122,7 @@ text-align: center;
11241122
}
11251123

11261124

1127-
blog-article__quote cite {
1125+
.blog-article__quote cite {
11281126
display: flex;
11291127
align-items: center;
11301128
gap: 0.6rem;

0 commit comments

Comments
 (0)