fixed html validation errors

This commit is contained in:
Robert McGovern 2022-10-04 09:23:49 +01:00
parent 99b4792200
commit e4ebe327b7
2 changed files with 14 additions and 7 deletions

View File

@ -122,6 +122,13 @@ main {
padding: 1rem 3.4375rem 0.9375rem; padding: 1rem 3.4375rem 0.9375rem;
} }
.rating-box__rated-by {
font-size: var(--fs-rating);
font-weight: var(--fw-rating);
line-height: var(--lh-rating);
color: var(--col-primary-very-dark-magenta);
}
.rating-box:last-of-type { .rating-box:last-of-type {
margin-bottom: unset; margin-bottom: unset;
} }

View File

@ -53,7 +53,7 @@
<img src="images/icon-star.svg" alt="Star"> <img src="images/icon-star.svg" alt="Star">
<img src="images/icon-star.svg" alt="Star"> <img src="images/icon-star.svg" alt="Star">
</div> </div>
<p class="rating-box__rated-by">Rated 5 Stars in Reviews</p> <h2 class="rating-box__rated-by">Rated 5 Stars in Reviews</h2>
</div> </div>
<div class="rating-box"> <div class="rating-box">
<div class="rating-box__ratings" aria-hidden="true"> <div class="rating-box__ratings" aria-hidden="true">
@ -63,7 +63,7 @@
<img src="images/icon-star.svg" alt="Star"> <img src="images/icon-star.svg" alt="Star">
<img src="images/icon-star.svg" alt="Star"> <img src="images/icon-star.svg" alt="Star">
</div> </div>
<p class="rating-box__rated-by">Rated 5 Stars in Report Guru</p> <h2 class="rating-box__rated-by">Rated 5 Stars in Report Guru</h2>
</div> </div>
<div class="rating-box"> <div class="rating-box">
<div class="rating-box__ratings" aria-hidden="true"> <div class="rating-box__ratings" aria-hidden="true">
@ -73,7 +73,7 @@
<img src="images/icon-star.svg" alt="Star"> <img src="images/icon-star.svg" alt="Star">
<img src="images/icon-star.svg" alt="Star"> <img src="images/icon-star.svg" alt="Star">
</div> </div>
<p class="rating-box__rated-by">Rated 5 Stars in BestTech</p> <h2 class="rating-box__rated-by">Rated 5 Stars in BestTech</h2>
</div> </div>
</section> </section>
</div> </div>
@ -84,7 +84,7 @@
<div class="reviewer"> <div class="reviewer">
<img class="reviewer__image" src="images/image-colton.jpg" alt="Picture of Colton" aria-hidden="true"> <img class="reviewer__image" src="images/image-colton.jpg" alt="Picture of Colton" aria-hidden="true">
<div class="reviewer__block"> <div class="reviewer__block">
<div class="reviewer__name">Colton Smith</div> <h2 class="reviewer__name">Colton Smith</h2>
<div class="reviewer__status">Verified Buyer</div> <div class="reviewer__status">Verified Buyer</div>
</div> </div>
</div> </div>
@ -100,7 +100,7 @@
<div class="reviewer"> <div class="reviewer">
<img class="reviewer__image" src="images/image-irene.jpg" alt="Picture of Irene" aria-hidden="true"> <img class="reviewer__image" src="images/image-irene.jpg" alt="Picture of Irene" aria-hidden="true">
<div class="reviewer__block"> <div class="reviewer__block">
<div class="reviewer__name">Irene Roberts</div> <h2 class="reviewer__name">Irene Roberts</h2>
<div class="reviewer__status">Verified Buyer</div> <div class="reviewer__status">Verified Buyer</div>
</div> </div>
</div> </div>
@ -115,8 +115,8 @@
<div class="reviewer"> <div class="reviewer">
<img class="reviewer__image" src="images/image-anne.jpg" alt="Picture of Anne" aria-hidden="true"> <img class="reviewer__image" src="images/image-anne.jpg" alt="Picture of Anne" aria-hidden="true">
<div class="reviewer__block"> <div class="reviewer__block">
<div class="reviewer__name">Anne Wallace <h2 class="reviewer__name">Anne Wallace
</div> </h2>
<div class="reviewer__status">Verified Buyer</div> <div class="reviewer__status">Verified Buyer</div>
</div> </div>
</div> </div>