From 0a385e4bed90c2d0d83fce0b5b4e36fd1f834ec3 Mon Sep 17 00:00:00 2001 From: a2937 Date: Sun, 17 Dec 2023 23:24:11 -0500 Subject: [PATCH] fix(curriculum): allow space in cafe css project step 36 (#52564) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Lasse Jørgensen <28780271+lasjorg@users.noreply.github.com> --- .../5f3c866de7a5b784048f94b1.md | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md index bf345cc1dd8..bd4c2e4d98c 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3c866de7a5b784048f94b1.md @@ -16,19 +16,23 @@ To get them on the same line, you need to apply some styling to the `p` elements You should apply the `item` class to your `article` element. ```js -assert(code.match(//i)) +const el = document.querySelector('article.item'); +assert.exists(el); ``` You should only have one `item` class element. ```js -assert($('.item').length === 1); +const elements = document.querySelectorAll('.item'); +assert.lengthOf(elements, 1); ``` Your first `article` element should have the `item` class. ```js -assert($('article')[0].className === 'item'); +const el = document.querySelectorAll('article')[0]; + +assert.equal(el.className, 'item'); ``` # --seed--