Frontend Mentor | Responsive with CSS Grid coding challenge solution report

Accessibility

error

Images must have alternate text

Context:

<img class="desk" src="images/desktop/image-gallery-milkbottles.jpg">

Learn more

warning
Document should have one main landmark
Context:
```
<html lang="en">
```
Learn more
error
Links must have discernible text
Context:
```
<a href="#"><i class="fa fa-facebook-square"></i></a>
```
Learn more
error
Links must have discernible text
Context:
```
<a href="#"><i class="fa fa-instagram"></i></a>
```
Learn more
error
Links must have discernible text
Context:
```
<a href="#"><i class="fa fa-twitter"></i></a>
```
Learn more
error
Links must have discernible text
Context:
```
<a href="#"><i class="fa fa-pinterest"></i></a>
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<img src="images/logo.svg" class="logo" alt="Logo">
```
Learn more

warning

All page content should be contained by landmarks

Context:

<img src="images/desktop/image-header.jpg" class="desk bg" alt="Orange header Desktop">

Learn more

warning
All page content should be contained by landmarks
Context:
```
<h1>WE ARE CREATIVES</h1>
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<img src="images/icon-arrow-down.svg" class="arrow" alt="">
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<div class="gallery-copy">
```
Learn more

warning

All page content should be contained by landmarks

Context:

<div class="gallery-img first"><img src="images/desktop/image-transform.jpg" alt="Eggy"></div>

Learn more

warning

All page content should be contained by landmarks

Context:

<div class="gallery-img"><img src="images/desktop/image-stand-out.jpg" alt="Cup"></div>

Learn more

warning
All page content should be contained by landmarks
Context:
```
<div class="gallery-copy">
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<img class="desk" src="images/desktop/image-graphic-design.jpg" alt="">
```
Learn more

warning

All page content should be contained by landmarks

Context:

<div class="overlay-body">
                    <h3>Graphic Design</h3>
                    <p>Great design makes you memorable. We deliver artwork that underscores your brand message and captures potential clients’ attention.
                    </p>
                </div>

Learn more

warning
All page content should be contained by landmarks
Context:
```
<img class="desk" src="images/desktop/image-photography.jpg" alt="">
```
Learn more

warning

All page content should be contained by landmarks

Context:

<div class="overlay-body">
                    <h3>Photography</h3>
                    <p>Increase your credibility by getting the most stunning, high-quality photos that improve your business image.
                    </p>
                </div>

Learn more

warning
All page content should be contained by landmarks
Context:
```
<section>
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<img class="desk" src="images/desktop/image-gallery-milkbottles.jpg">
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<img class="desk" src="images/desktop/image-gallery-orange.jpg" alt="">
```
Learn more
warning
All page content should be contained by landmarks
Context:
```
<img class="desk" src="images/desktop/image-gallery-cone.jpg" alt="">
```
Learn more

warning

All page content should be contained by landmarks

Context:

<img class="desk" src="images/desktop/image-gallery-sugarcubes.jpg" alt="">

Learn more

Accessibility

Join our Slack community