diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md
index 024a10a5383..8fe2287798f 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f76967fad478126d6552b0d.md
@@ -14,19 +14,22 @@ Next, you want to align the price to the right. Add a class named `price` to you
 You should add the `price` class to your `p` element.
 
 ```js
-assert(code.match(/<p\s*class=('|")price\1\s*>/i));
+const el = document.querySelector('.price');
+assert.exists(el);
 ```
 
 You should only have one element with the `price` class.
 
 ```js
-assert($('.price').length === 1);
+const elements = document.querySelectorAll('.price');
+assert.lengthOf(elements, 1);
 ```
 
 Your `price` class should be on the `p` element with the text `3.00`.
 
 ```js
-assert($('.price')[0].innerText.match(/3\.00/i));
+const el = document.querySelector('.price');
+assert.match(el.innerText, /3\.00/i);
 ```
 
 # --seed--