fix: Remove end paragraph tag from gird example (#363)

cds-snc · Jun 3, 2024 · 982539f · 982539f
1 parent 203d795
commit 982539f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 24 deletions.
diff --git a/src/en/components/grid/code.md b/src/en/components/grid/code.md
@@ -76,12 +76,11 @@ Mobile
 </div>
 
 {% viewCode "en" "preview-grid-flexible" "gcds-grid" %}
-<gcds-grid tag="article" columns-desktop="1fr 1fr 1fr" columns-tablet="1fr 1fr" columns="1fr" gap="300">
-
-  <p>This is some example content to display the grid component.</p>
-  <p>This is some example content to display the grid component.</p>
-  <p>This is some example content to display the grid component.</p>
-</gcds-grid>
+  <gcds-grid tag="article" columns-desktop="1fr 1fr 1fr" columns-tablet="1fr 1fr" columns="1fr" gap="300">
+    <p>This is some example content to display the grid component.</p>
+    <p>This is some example content to display the grid component.</p>
+    <p>This is some example content to display the grid component.</p>
+  </gcds-grid>
 {% endviewCode %}
 
 Set the minimum and maximum width to design equal-width columns with restrictions to limit how wide they will span on any screen size.
@@ -126,12 +125,11 @@ Mobile
 </div>
 
 {% viewCode "en" "preview-grid-fixed-width" "gcds-grid" %}
-<gcds-grid tag="article" columns="repeat(auto-fit, minmax(100px, 300px))" gap="500">
-
-  <p>This is some example content to display the grid component.</p>
-  <p>This is some example content to display the grid component.</p>
-  <p>This is some example content to display the grid component.</p>
-</gcds-grid>
+  <gcds-grid tag="article" columns="repeat(auto-fit, minmax(100px, 300px))" gap="500">
+    <p>This is some example content to display the grid component.</p>
+    <p>This is some example content to display the grid component.</p>
+    <p>This is some example content to display the grid component.</p>
+  </gcds-grid>
 {% endviewCode %}
 
 {% include "partials/getcode.njk" %}

diff --git a/src/fr/composants/grille/code.md b/src/fr/composants/grille/code.md
@@ -76,12 +76,11 @@ Mobile
 </div>
 
 {% viewCode "fr" "preview-grid-flexible" "gcds-grid" %}
-<gcds-grid tag="article" columns-desktop="1fr 1fr 1fr" columns-tablet="1fr 1fr" columns="1fr" gap="300">
-
-  <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
-  <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
-  <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
-</gcds-grid>
+  <gcds-grid tag="article" columns-desktop="1fr 1fr 1fr" columns-tablet="1fr 1fr" columns="1fr" gap="300">
+    <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
+    <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
+    <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
+  </gcds-grid>
 {% endviewCode %}
 
 Définissez la largeur minimale et la largeur maximale pour concevoir des colonnes de largeur égale afin de limiter la largeur des colonnes sur n'importe quelle taille d'écran.
@@ -126,12 +125,11 @@ Mobile
 </div>
 
 {% viewCode "fr" "preview-grid-fixed-width" "gcds-grid" %}
-<gcds-grid tag="article" columns="repeat(auto-fit, minmax(100px, 300px))" gap="500">
-
-  <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
-  <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
-  <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
-</gcds-grid>
+  <gcds-grid tag="article" columns="repeat(auto-fit, minmax(100px, 300px))" gap="500">
+    <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
+    <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
+    <p>Ceci est un exemple de contenu pour illustrer le composant Grille.</p>
+  </gcds-grid>
 {% endviewCode %}
 
 {% include "partials/getcode.njk" %}