<em> Emphasis element

we learned about Emphasis `<em>` element.
Manish-Royan · Jul 23, 2024 · 98fee09 · 98fee09
1 parent 70e5485
commit 98fee09
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 3 deletions.
diff --git a/FCC-Web-Design/LearnHTML-CatPhotoAPP/Step-25/README.md b/FCC-Web-Design/LearnHTML-CatPhotoAPP/Step-25/README.md
@@ -1,5 +1,45 @@
 # This is Step 25
 
-To place emphasis on a specific word or phrase, you can use the em element.
+To place emphasis on a specific word or phrase, we can use the `<em></em>` element.
+
+## Example
+```HTML
+<p><em>Emphasis</em></p>
+```
+## Task 
+Emphasize the word *`love`* in the `figcaption` element by wrapping it in an emphasis `<em></em>` element.
+
+**• Add**
+
+```HTML
+<html>
+    <body>
+        <main>
+            <h1>CatPhotoApp</h1>
+            <section>
+            <h2>Cat Photos</h2>
+            <!-- TODO: Add link to cat photos -->
+            <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
+            <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+            </section>
+
+            <section>
+                <h2>Cat Lists</h2>
+                <h3>Things cats love:</h3>
+                <ul>
+                    <li>cat nip</li>
+                    <li>laser pointers</li>
+                    <li>lasagna</li>
+                </ul>
+                <figure>
+                    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
+                    <figcaption>Cats <em>love</em> lasagna.</figcaption> <!-- Add Here -->
+                </figure>     
+            </section>
+        </main>
+    </body>
+</html>
+
+```
+
 
-Emphasize the word love in the figcaption element by wrapping it in an emphasis em element.
diff --git a/FCC-Web-Design/LearnHTML-CatPhotoAPP/Step-25/index.html b/FCC-Web-Design/LearnHTML-CatPhotoAPP/Step-25/index.html
@@ -19,7 +19,7 @@ <h3>Things cats love:</h3>
                 </ul>
                 <figure>
                     <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
-                    <figcaption>Cats love lasagna.</figcaption>
+                    <figcaption>Cats <em>love</em> lasagna.</figcaption>
                 </figure>     
             </section>
         </main>