From 211d1200d66501f57c4f25d83ada0953dc36a925 Mon Sep 17 00:00:00 2001
From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com>
Date: Wed, 18 Dec 2024 11:29:18 +0530
Subject: [PATCH] fix(css): add nolint and increase output heights

---
 files/en-us/web/html/element/summary/index.md | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/files/en-us/web/html/element/summary/index.md b/files/en-us/web/html/element/summary/index.md
index aa2bbd2b6ac199f..355a186565599bc 100644
--- a/files/en-us/web/html/element/summary/index.md
+++ b/files/en-us/web/html/element/summary/index.md
@@ -77,7 +77,7 @@ You can use heading elements in `<summary>`, like this:
 
 #### Result
 
-{{EmbedLiveSample("Summaries_as_headings", 650, 120)}}
+{{EmbedLiveSample("Summaries_as_headings", 650, 200)}}
 
 This currently has some spacing issues that could be addressed using CSS.
 
@@ -101,7 +101,7 @@ This example adds some semantics to the `<summary>` element to indicate the labe
 
 #### Result
 
-{{EmbedLiveSample("HTML_in_summaries", 650, 120)}}
+{{EmbedLiveSample("HTML_in_summaries", 650, 150)}}
 
 ### Changing the summary's icon
 
@@ -156,37 +156,33 @@ The CSS includes the `[open]` [attribute selector](/en-US/docs/Web/CSS/Attribute
 
 #### HTML
 
-```html
+```html-nolint
 <details>
   <h1>Quotes from Helen Keller</h1>
   <summary>On women's rights</summary>
   <p>
-    <q
-      >We have prayed, we have coaxed, we have begged, for the vote, with the
+    <q>We have prayed, we have coaxed, we have begged, for the vote, with the
       hope that men, out of chivalry, would bestow equal rights upon women and
       take them into partnership in the affairs of the state. We hoped that
       their common sense would triumph over prejudices and stupidity. We thought
       their boasted sense of justice would overcome the errors that so often
       fetter the human spirit; but we have always gone away empty-handed. We
-      shall beg no more.</q
-    >
+      shall beg no more.</q>
   </p>
 </details>
 
 <details>
   <summary>On optimism</summary>
   <p>
-    <q
-      >Optimism is the faith that leads to achievement; nothing can be done
-      without hope.</q
-    >
+    <q>Optimism is the faith that leads to achievement; nothing can be done
+      without hope.</q>
   </p>
 </details>
 ```
 
 #### Result
 
-{{EmbedLiveSample("Changing the summary's icon", 650, 150)}}
+{{EmbedLiveSample("Changing the summary's icon", 650, 400)}}
 
 ## Technical summary