From 2ea2f9b75286a6dcccfa6dd1dc495403e0422eb8 Mon Sep 17 00:00:00 2001
From: Kevin Trang <44285042+KevinatorTrainer5@users.noreply.github.com>
Date: Sat, 9 Mar 2019 18:33:16 +1100
Subject: [PATCH] Added objective and solutions to "Introduction to HTML5
 Elements" (#34689)

* Added objective and solutions to "Introduction to HTML5 Elements"

* fix: removed restatement of challenge problem
---
 .../introduction-to-html5-elements/index.md   | 49 ++++++++++++++++++-
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/guide/english/certifications/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/index.md b/guide/english/certifications/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/index.md
index e320249bbf..65694e018b 100644
--- a/guide/english/certifications/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/index.md
+++ b/guide/english/certifications/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/index.md
@@ -3,8 +3,6 @@ title: Introduction to HTML5 Elements
 ---
 ## Introduction to HTML5 Elements
 
-To wrap an HTML element around other HTML element(s)  means to put the <em>inner</em> element(s) after the opening tag of the wrapper and before its closing tag.<br/>
-
 The example below represent a `h1` element and a `h4` element wrapped into a `header` element:
 ```
 <header>
@@ -14,3 +12,50 @@ The example below represent a `h1` element and a `h4` element wrapped into a `he
 ```
 
 As you can see the `header` contains the other elements that ends up on the same level ( the `h1` ends before the `h4` starts and both are nested into the `header`). 
+
+## Solution 
+Firstly, we will need to add a second `<p>` element below the first `<p>` element, which needs to say `Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.`, as shown below:
+
+### Before adding 2nd `<p>` element
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+```
+
+### After adding 2nd `<p>` element
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>  <!-- The second <p> element has been added -->
+
+```
+However, the objective also requires the user to add the `<main>` elements between the `<p>` elements as shown below:
+
+### Before adding `<main>` element
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>
+
+```
+
+### After adding `<main>` element
+```html
+<h2>CatPhotoApp</h2>
+<main> <!-- The opening <main> element has been added -->
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>
+</main> <!-- The closing <main> element has been added -->
+```
+
+## Full Solution
+```html
+<h2>CatPhotoApp</h2>
+<main>
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>
+</main>
+```