gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update alt images for new images (#61625)

Browse Source 
Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>
This commit is contained in:
Zaira
2025-08-20 00:46:02 +05:00
committed by GitHub
parent 12964a0997
commit 806b7380ae
89 changed files with 148 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
+1 -1
View File
@@ -14,7 +14,7 @@ You can make elements into links by nesting them within an `a` element.
Nest your image within an `a` element. Here's an example:
```html
<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="Three kittens running towards the camera."></a>
<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
```
Remember to use `#` as your `a` element's `href` property in order to turn it into a dead link.
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.md
+2 -2
View File
@@ -78,7 +78,7 @@ assert.isTrue(
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
@@ -140,7 +140,7 @@ assert.isTrue(
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md
+2 -2
View File
@@ -96,7 +96,7 @@ assert.match(code, /(<\/i>|<\/span>)\s*Like\s*<\/button>/g);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
@@ -158,7 +158,7 @@ assert.match(code, /(<\/i>|<\/span>)\s*Like\s*<\/button>/g);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
+2 -2
View File
@@ -84,7 +84,7 @@ assert.equal(code.match(/<\/button>/g)?.length,code.match(/<button/g)?.length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-block btn-primary">Like</button>
<p>Things cats love:</p>
<ul>
@@ -147,7 +147,7 @@ assert.equal(code.match(/<\/button>/g)?.length,code.match(/<button/g)?.length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/center-text-with-bootstrap.md
+2 -2
View File
@@ -69,7 +69,7 @@ assert.isTrue(document.querySelector('h2')?.classList?.contains('red-text'));
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<p>Things cats love:</p>
<ul>
<li>catnip</li>
@@ -131,7 +131,7 @@ assert.isTrue(document.querySelector('h2')?.classList?.contains('red-text'));
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<p>Things cats love:</p>
<ul>
<li>catnip</li>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button.md
+2 -2
View File
@@ -94,7 +94,7 @@ assert.equal(code.match(/<\/button>/g).length, code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-default">Like</button>
<p>Things cats love:</p>
<ul>
@@ -157,7 +157,7 @@ assert.equal(code.match(/<\/button>/g).length, code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-block btn-default">Like</button>
<p>Things cats love:</p>
<ul>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/create-a-bootstrap-button.md
+2 -2
View File
@@ -75,7 +75,7 @@ assert.equal(code.match(/<\/button>/g).length ,code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<p>Things cats love:</p>
<ul>
@@ -142,7 +142,7 @@ assert.equal(code.match(/<\/button>/g).length ,code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<!-- ADD Bootstrap Styled Button -->
<button class="btn btn-default">Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md
+2 -2
View File
@@ -82,7 +82,7 @@ assert.equal(code.match(/<\/div>/g).length,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
@@ -145,7 +145,7 @@ assert.equal(code.match(/<\/div>/g).length,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap.md
+2 -2
View File
@@ -91,7 +91,7 @@ assert.lengthOf(document.querySelectorAll('.img-responsive'),2);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
@@ -149,7 +149,7 @@ assert.lengthOf(document.querySelectorAll('.img-responsive'),2);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md
+2 -2
View File
@@ -81,7 +81,7 @@ assert.equal(code.match(/<\/div>/g).length,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@@ -158,7 +158,7 @@ assert.equal(code.match(/<\/div>/g).length,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md
+2 -2
View File
@@ -71,7 +71,7 @@ assert.equal(code.match(/<\/div>/g).length ,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@@ -140,7 +140,7 @@ assert.equal(code.match(/<\/div>/g).length ,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md
+2 -2
View File
@@ -70,7 +70,7 @@ assert.equal(code.match(/<\/div>/g).length,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@@ -132,7 +132,7 @@ assert.equal(code.match(/<\/div>/g).length,code.match(/<div/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls.md
+2 -2
View File
@@ -78,7 +78,7 @@ assert.lengthOf(code.match(/<\/i/g),4);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@@ -155,7 +155,7 @@ assert.lengthOf(code.match(/<\/i/g),4);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div>
</div>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md
+2 -2
View File
@@ -76,7 +76,7 @@ assert.equal(code.match(/<\/button>/g).length , code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-default btn-block">Like</button>
<p>Things cats love:</p>
<ul>
@@ -139,7 +139,7 @@ assert.equal(code.match(/<\/button>/g).length , code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-primary btn-block">Like</button>
<p>Things cats love:</p>
<ul>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements.md
+2 -2
View File
@@ -81,7 +81,7 @@ assert.equal(code.match(/<\/span>/g).length,code.match(/<span/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
@@ -141,7 +141,7 @@ assert.equal(code.match(/<\/span>/g).length,code.match(/<span/g).length);
<a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md
+2 -2
View File
@@ -101,7 +101,7 @@ assert.equal(code.match(/<\/div>/g).length , code.match(/<div/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
@@ -166,7 +166,7 @@ assert.equal(code.match(/<\/div>/g).length , code.match(/<div/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.md
+2 -2
View File
@@ -83,7 +83,7 @@ assert.equal(code.match(/<\/button>/g).length,code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<p>Things cats love:</p>
@@ -147,7 +147,7 @@ assert.equal(code.match(/<\/button>/g).length,code.match(/<button/g).length);
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Tuxedo cats running on dirt ground.">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d4.md
+1 -1
View File
@@ -83,7 +83,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
--fcc-editable-region--
<figcaption>Cats hate other cats.</figcaption>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d5.md
+1 -1
View File
@@ -90,7 +90,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d6.md
+1 -1
View File
@@ -74,7 +74,7 @@ assert.lengthOf(document.querySelector('form')?.innerHTML?.trim(), 0);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d7.md
+1 -1
View File
@@ -106,7 +106,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md
+1 -1
View File
@@ -91,7 +91,7 @@ assert.isTrue(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d9.md
+1 -1
View File
@@ -91,7 +91,7 @@ assert(!/\<\s*input\s+placeholder\s*=\s*cat\s+photo\s+url/i.test(code));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804da.md
+1 -1
View File
@@ -74,7 +74,7 @@ assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON'));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804db.md
+1 -1
View File
@@ -80,7 +80,7 @@ assert.strictEqual(document.querySelector('input')?.getAttribute('required'), ''
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md
+1 -1
View File
@@ -130,7 +130,7 @@ assert.match(radioInputElem?.nextSibling?.nodeValue?.replace(/\s+/g, ' '), /\s*I
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dd.md
+1 -1
View File
@@ -92,7 +92,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804de.md
+1 -1
View File
@@ -91,7 +91,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804df.md
+1 -1
View File
@@ -80,7 +80,7 @@ assert.match(document.querySelector('input')?.id, /^indoor$/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e1.md
+1 -1
View File
@@ -80,7 +80,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e2.md
+1 -1
View File
@@ -99,7 +99,7 @@ assert.match(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e3.md
+1 -1
View File
@@ -91,7 +91,7 @@ assert.strictEqual(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e5.md
+1 -1
View File
@@ -94,7 +94,7 @@ assert.isFalse(document.querySelectorAll('input[type="checkbox"]')?.[2]?.hasAttr
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e7.md
+1 -1
View File
@@ -71,7 +71,7 @@ assert(document.querySelector('main').nextElementSibling.nodeName === 'FOOTER');
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e8.md
+1 -1
View File
@@ -71,7 +71,7 @@ assert.match(extraSpacesRemoved, /No Copyright - freeCodeCamp\.org$/i);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e9.md
+1 -1
View File
@@ -82,7 +82,7 @@ assert.match(pText, /^no copyright - freecodecamp.org$/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ea.md
+1 -1
View File
@@ -77,7 +77,7 @@ assert(noSpaces.match(/\<\/head\>\<body\>/));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804eb.md
+1 -1
View File
@@ -79,7 +79,7 @@ assert(document.title && document.title.toLowerCase() === 'catphotoapp');
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ec.md
+1 -1
View File
@@ -67,7 +67,7 @@ assert(extraSpacesRemoved.match(/\<html\s+lang\s*\=\s*("?|'?)en\1\s*\>/));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md
+1 -1
View File
@@ -68,7 +68,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae0543cbd2bbdab94e333.md
+3 -3
View File
@@ -9,7 +9,7 @@ dashedName: step-32
To improve accessibility of the image you added, add an `alt` attribute with the text:
`Five cats looking around a field.`
`Two tabby kittens sleeping together on a couch.`
# --hints--
@@ -47,11 +47,11 @@ assert.strictEqual(
);
```
The Cats `img` element should have an `alt` attribute with the value `Five cats looking around a field.`
The Cats `img` element should have an `alt` attribute with the value `Two tabby kittens sleeping together on a couch.`
```js
const catsImg = document.querySelectorAll('figure > img')[1];
assert.match(catsImg?.getAttribute('alt')?.replace(/\s+/g, ' '), /^Five cats looking around a field\.?$/i);
assert.match(catsImg?.getAttribute('alt')?.replace(/\s+/g, ' '), /^Two tabby kittens sleeping together on a couch..?$/i);
```
# --seed--
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae16e3cbd2bbdab94e334.md
+1 -1
View File
@@ -112,7 +112,7 @@ assert(
</ol>
--fcc-editable-region--
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
</figure>
--fcc-editable-region--
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efb23e70dc218d6c85f89b1.md
+1 -1
View File
@@ -83,7 +83,7 @@ assert(!/\<input\s+type\s*=\s*text/.test(code));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efb2c990dc218d6c85f89b2.md
+1 -1
View File
@@ -80,7 +80,7 @@ assert(!/\<\s*button\s+type\s*=\s*submit/i.test(code));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc4f528d6a74d05e68af74.md
+1 -1
View File
@@ -133,7 +133,7 @@ assert.match(code, />\s+<label\s+for\s*=\s*('|")loving/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc518e8d6a74d05e68af75.md
+1 -1
View File
@@ -68,7 +68,7 @@ assert.match(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc54138d6a74d05e68af76.md
+1 -1
View File
@@ -57,7 +57,7 @@ assert.match(document.querySelector('input[type="checkbox"]')?.id, /^loving$/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc575c8d6a74d05e68af77.md
+1 -1
View File
@@ -94,7 +94,7 @@ assert.strictEqual(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md
+1 -1
View File
@@ -115,7 +115,7 @@ assert(code.match(/<\/label>\s*<label\s*>\s*<input [^>]+>\s*Outdoor/i));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f07fb1579dc934717801375.md
+1 -1
View File
@@ -86,7 +86,7 @@ assert.lengthOf(document.querySelectorAll('main > section')?.[2]?.children, 0);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d48e7b435f13ab6550051.md
+1 -1
View File
@@ -81,7 +81,7 @@ assert(extraSpacesRemoved.match(/Is your cat an indoor or outdoor cat\??$/i));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4ab1b435f13ab6550052.md
+1 -1
View File
@@ -102,7 +102,7 @@ assert(fieldsetChildren[0].length > fieldsetChildren[1].length);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4d04b435f13ab6550053.md
+1 -1
View File
@@ -87,7 +87,7 @@ assert(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f1a80975fc4bcae0edb3497.md
+1 -1
View File
@@ -87,7 +87,7 @@ assert(outdoorRadioButton.getAttribute('value').match(/^outdoor$/));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f1a89f1190aff21ae42105a.md
+1 -1
View File
@@ -75,7 +75,7 @@ assert(energeticCheckbox.getAttribute('value').match(/^energetic$/));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md
+2 -2
View File
@@ -81,7 +81,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
@@ -150,7 +150,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/7cf9b03d81a65668421804c3.md
+1 -1
View File
@@ -89,7 +89,7 @@ assert(!/\<\s*input\s+.*\s*=\s*catphotourl/.test(code));
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/16-the-odin-project/top-learn-css-foundations-projects/css-foundations-exercise-d.md
+8 -8
View File
@@ -76,13 +76,13 @@ assert(style?.height === '400px');
<body>
<!-- Use the classes BELOW this line -->
<div>
<img class="avatar proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two cute kittens">
<img class="avatar distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="Three cute kittens">
<img class="avatar proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two kittens on a blanket.">
<img class="avatar distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="A cute kitten in the woods.">
</div>
<!-- Use the classes ABOVE this line -->
<div>
<img class="original proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two cute kittens">
<img class="original distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="Three cute kittens">
<img class="original proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two kittens on a blanket.">
<img class="original distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="A cute kitten in the woods.">
</div>
</body>
</html>
@@ -104,13 +104,13 @@ assert(style?.height === '400px');
<body>
<!-- Use the classes BELOW this line -->
<div>
<img class="avatar proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two cute kittens">
<img class="avatar distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="Three cute kittens">
<img class="avatar proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two kittens on a blanket.">
<img class="avatar distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="A cute kitten in the woods.">
</div>
<!-- Use the classes ABOVE this line -->
<div>
<img class="avatar proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two cute kittens">
<img class="avatar distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="Three cute kittens">
<img class="avatar proportioned" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-01.jpg" alt="Two kittens on a blanket.">
<img class="avatar distorted" src="https://cdn.freecodecamp.org/curriculum/odin-project/css-foundations/css-foundations-02.jpg" alt="A cute kitten in the woods.">
</body>
</html>
```
curriculum/challenges/english/25-front-end-development/lab-debug-pet-adoption-page/685239f0cad43c7a909cbd98.md
+2 -2
View File
@@ -72,7 +72,7 @@ assert.isTrue(dogLink.hasAttribute("href"));
<p>Consider adopting a pet today. We have cats, dogs, rabbits and more.</p>
<h2>See our cats!</h2>
<img href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" att="Five cats looking around a field."></img>
<img href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" att="Two tabby kittens sleeping together on a couch."></img>
<h2>Adopt a cat!</h2>
<a src="/cats">Visit cats page</a>
@@ -88,7 +88,7 @@ assert.isTrue(dogLink.hasAttribute("href"));
<p>Consider adopting a pet today. We have cats, dogs, rabbits and more.</p>
<h2>See our cats!</h2>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<h2>Adopt a cat!</h2>
<a href="/cats">Visit cats page</a>
curriculum/challenges/english/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
+7 -7
View File
@@ -20,7 +20,7 @@ function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
@@ -36,7 +36,7 @@ function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
@@ -54,7 +54,7 @@ export default function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
@@ -116,7 +116,7 @@ export default function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
@@ -132,7 +132,7 @@ exportComponent function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
@@ -152,7 +152,7 @@ e.default function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
@@ -172,7 +172,7 @@ default function Cat() {
<h2>Mr. Whiskers</h2>
<img
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
alt="Cute cats running in the grass."
alt="Tuxedo cats running on dirt ground."
/>
</div>
);
curriculum/challenges/english/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
+1 -1
View File
@@ -142,7 +142,7 @@ To create an ordered list of items you should use the `ol` element:
```html
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
```
curriculum/challenges/english/25-front-end-development/workshop-blog-page/669fd003cb89ee3c2402e041.md
+6 -6
View File
@@ -13,9 +13,9 @@ Below the `h1` element, start by adding a `figure` element.
Inside the `figure` element, add an `img` element.
The `src` attribute of the `img` should have a value of `"https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"` and the `alt` text should have a value of `"a cat peacefully sleeping"`.
The `src` attribute of the `img` should have a value of `"https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"` and the `alt` text should have a value of `"a cat in the garden"`.
Below your `img` element, add a `figcaption` with the text `Mr. Whiskers Sleeping`.
Below your `img` element, add a `figcaption` with the text `Mr. Whiskers in the Garden`.
# --hints--
@@ -60,13 +60,13 @@ const src = imgElement?.getAttribute('src');
assert.strictEqual(src, 'https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg');
```
Your `img` element should have an `alt` attribute set to `"a cat peacefully sleeping"`.
Your `img` element should have an `alt` attribute set to `"a cat in the garden"`.
```js
const imgElement = document.querySelector('img');
const alt = imgElement?.getAttribute('alt');
assert.strictEqual(alt, 'a cat peacefully sleeping');
assert.strictEqual(alt, 'a cat in the garden');
```
Your `figcaption` element should have an opening tag.
@@ -88,11 +88,11 @@ const figcaptionElement = document.querySelector('figcaption');
assert.strictEqual(figcaptionElement?.parentElement.tagName, 'FIGURE');
```
Your `figcaption` element should have a the text of `Mr. Whiskers Sleeping`.
Your `figcaption` element should have a the text of `Mr. Whiskers in the Garden`.
```js
const figcaptionElement = document.querySelector('figcaption');
assert.strictEqual(figcaptionElement?.innerText.trim(), "Mr. Whiskers Sleeping")
assert.strictEqual(figcaptionElement?.innerText, "Mr. Whiskers in the Garden")
```
Your `figcaption` should be below the `img` element. You have them in the wrong order.
curriculum/challenges/english/25-front-end-development/workshop-blog-page/669fd6fd12918e3de87854d4.md
+2 -2
View File
@@ -93,9 +93,9 @@ assert.strictEqual(liElements?.length, 3);
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
--fcc-editable-region--
curriculum/challenges/english/25-front-end-development/workshop-blog-page/669fdc11c9b0263fe0814a7a.md
+2 -2
View File
@@ -79,9 +79,9 @@ assert.strictEqual(hrefAttribute, "#contact");
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
--fcc-editable-region--
<nav>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/669fdd3965f36f40af9615e5.md
+2 -2
View File
@@ -48,9 +48,9 @@ assert.match(code, /<\/header>[.\n\s]*<main>/im)
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/669fde2081f65141ad703fe4.md
+2 -2
View File
@@ -84,9 +84,9 @@ assert.strictEqual(h2Element?.parentElement.tagName, 'SECTION');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/669fdfc9a5e3da42d2376609.md
+2 -2
View File
@@ -73,9 +73,9 @@ assert.strictEqual(h2Element?.innerText.trim(), 'Posts');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a334a1a7cca6354999f9bf.md
+2 -2
View File
@@ -88,9 +88,9 @@ assert.strictEqual(h3Element?.parentElement.tagName, 'ARTICLE');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a335e5888ffb367633200a.md
+2 -2
View File
@@ -77,9 +77,9 @@ assert.lengthOf(paragraphs, 2);
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a338be7f1dee383a0e0ecb.md
+2 -2
View File
@@ -87,9 +87,9 @@ assert.lengthOf(paragraphs, 2);
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a33a00514b40393a983c24.md
+2 -2
View File
@@ -87,9 +87,9 @@ assert.lengthOf(paragraphs, 2);
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a33ac0ae8e3139fb34afc3.md
+2 -2
View File
@@ -51,9 +51,9 @@ assert.strictEqual(footerElement?.parentElement.tagName, 'BODY');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a33bd56208583aeb4837c4.md
+2 -2
View File
@@ -59,9 +59,9 @@ assert.strictEqual(h2Element?.innerText.trim(), 'Contact');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a33c449ffdf93b90c5821e.md
+2 -2
View File
@@ -60,9 +60,9 @@ assert.strictEqual(addressElement?.parentElement.tagName, 'SECTION');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a33e9bd3aa213cd23d9c57.md
+2 -2
View File
@@ -55,9 +55,9 @@ assert.strictEqual(pElement?.innerText.trim(), 'Email: fake@email.com');
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/66a7e72adf226c02626715a3.md
+2 -2
View File
@@ -60,9 +60,9 @@ assert.strictEqual(pElement?.innerText, text);
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/67d1edfde28a4133ba64ad26.md
+2 -2
View File
@@ -61,9 +61,9 @@ assert.strictEqual(link.getAttribute('href'), "tel:5555555555");
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-blog-page/67d1f348f2cc9eab9d0b4ff4.md
+4 -4
View File
@@ -63,9 +63,9 @@ assert.strictEqual(link.getAttribute('href'), "mailto:fake@email.com");
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
@@ -165,9 +165,9 @@ assert.strictEqual(link.getAttribute('href'), "mailto:fake@email.com");
<figure>
<img
src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
alt="a cat peacefully sleeping"
alt="a cat in the garden"
/>
<figcaption>Mr. Whiskers Sleeping</figcaption>
<figcaption>Mr. Whiskers in the Garden</figcaption>
</figure>
<nav>
<ul>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804d4.md
+1 -1
View File
@@ -82,7 +82,7 @@ assert.match(
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
--fcc-editable-region--
<figcaption>Cats hate other cats.</figcaption>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e7.md
+1 -1
View File
@@ -72,7 +72,7 @@ assert.equal(document.querySelector('main')?.nextElementSibling.nodeName, 'FOOTE
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e8.md
+1 -1
View File
@@ -73,7 +73,7 @@ assert.match(extraSpacesRemoved, /^No Copyright - freeCodeCamp\.org$/i);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804e9.md
+1 -1
View File
@@ -83,7 +83,7 @@ assert.match(pText, /^no copyright - freecodecamp\.org$/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ea.md
+1 -1
View File
@@ -78,7 +78,7 @@ assert.match(noSpaces, /\<\/head\>\<body\>/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804eb.md
+1 -1
View File
@@ -80,7 +80,7 @@ assert.equal(document.title?.toLowerCase(), 'catphotoapp');
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ec.md
+1 -1
View File
@@ -68,7 +68,7 @@ assert.match(extraSpacesRemoved, /\<html\s+lang\s*\=\s*("?|'?)en\1\s*\>/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5ef9b03c81a63668521804ee.md
+1 -1
View File
@@ -68,7 +68,7 @@ assert.match(noSpaces, /^\<\!DOCTYPEhtml\>\<html/);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae0543cbd2bbdab94e333.md
+3 -3
View File
@@ -9,7 +9,7 @@ dashedName: step-32
To improve the accessibility of the image you added, add an `alt` attribute with the text:
`Five cats looking around a field.`
`Two tabby kittens sleeping together on a couch.`
# --hints--
@@ -47,7 +47,7 @@ assert.strictEqual(
);
```
The Cats `img` element should have an `alt` attribute with the value `Five cats looking around a field.`
The Cats `img` element should have an `alt` attribute with the value `Two tabby kittens sleeping together on a couch.`
```js
const catsImg = document.querySelectorAll('figure > img')[1];
@@ -55,7 +55,7 @@ assert.match(
catsImg
?.getAttribute('alt')
?.replace(/\s+/g, ' '),
/^Five cats looking around a field\.?$/i
/^Two tabby kittens sleeping together on a couch..?$/i
);
```
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/5efae16e3cbd2bbdab94e334.md
+1 -1
View File
@@ -111,7 +111,7 @@ assert.match(
</ol>
--fcc-editable-region--
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
</figure>
--fcc-editable-region--
curriculum/challenges/english/25-front-end-development/workshop-cat-photo-app/62bb4009e3458a128ff57d5d.md
+2 -2
View File
@@ -81,7 +81,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
@@ -132,7 +132,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>