From 26c29f25aa7c74d848a482f5812b8395b6d45fa5 Mon Sep 17 00:00:00 2001
From: Oliver <spaghettarian+get@gmail.com>
Date: Tue, 8 May 2018 17:09:14 -0700
Subject: [PATCH] fix(seed): Change tag nesting order (#17093)

Changed em tag to wrap around p tag

Closes #17077
---
 .../01-responsive-web-design/applied-visual-design.json       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/challenges/01-responsive-web-design/applied-visual-design.json b/challenges/01-responsive-web-design/applied-visual-design.json
index 3270a29c80..4fbbfe1688 100644
--- a/challenges/01-responsive-web-design/applied-visual-design.json
+++ b/challenges/01-responsive-web-design/applied-visual-design.json
@@ -320,7 +320,7 @@
       "description": [
         "To emphasize text, you can use the <code>em</code> tag. This displays text as italicized, as the browser applies the CSS of <code>font-style: italic;</code> to the element.",
         "<hr>",
-        "Wrap an <code>em</code> tag around the paragraph tag to give it emphasis."
+        "Wrap an <code>em</code> tag around the contents of the paragraph tag to give it emphasis."
       ],
       "challengeSeed": [
         "<style>",
@@ -364,7 +364,7 @@
       ],
       "tests": [
         "assert($('em').length == 1, 'message: Your code should add an <code>em</code> tag to the markup.');",
-        "assert($('em').children('p').length == 1, 'message: The <code>em</code> tag should wrap around the <code>p</code> tag and its contents.');"
+        "assert($('p').children().length == 1 && $('em').children().length == 2, 'message: The <code>em</code> tag should wrap around the contents of the <code>p</code> tag but not the <code>p</code> tag itself.');"
       ],
       "solutions": [],
       "hints": [],