From 3bf7c6023b7d58e80ebee86f07fd2df999121a80 Mon Sep 17 00:00:00 2001 From: Benjamin Johnson Date: Mon, 23 May 2022 05:30:34 -0700 Subject: [PATCH] fix(curriculum): misleading hint on Step 28 of Cat Photo App (#45994) * Fix misleading hint on Step 28 * Require a src element for image * Allow more than 2 figure elements * Fix mistake with inequalities * Change 4th test to only require an img element --- .../5efada803cbd2bbdab94e332.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efada803cbd2bbdab94e332.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efada803cbd2bbdab94e332.md index c299c5186b8..d56cf7ddc25 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efada803cbd2bbdab94e332.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efada803cbd2bbdab94e332.md @@ -14,13 +14,13 @@ Inside the `figure` element you just added, nest an `img` element with a `src` a Your second `figure` element should have an opening tag. Opening tags have this syntax: ``. ```js -assert(document.querySelectorAll('figure').length === 2); +assert(document.querySelectorAll('figure').length >= 2); ``` Your second `figure` element should have a closing tag. Closing tags have a `/` just after the `<` character. ```js -assert(code.match(/<\/figure>/g).length === 2); +assert(code.match(/<\/figure>/g).length >= 2); ``` There should be a second `figure` element right above the second `section` element's closing tag. You have them in the wrong order. @@ -34,8 +34,7 @@ You should have a third `img` element nested in the `figure` element. ```js const catsImg = document.querySelectorAll('figure > img')[1]; assert( - catsImg && - catsImg.getAttribute('src').toLowerCase() === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg' + catsImg ); ```