diff options
Diffstat (limited to 'files/fr/web/css/layout_cookbook/grid_wrapper/index.html')
-rw-r--r-- | files/fr/web/css/layout_cookbook/grid_wrapper/index.html | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/files/fr/web/css/layout_cookbook/grid_wrapper/index.html b/files/fr/web/css/layout_cookbook/grid_wrapper/index.html index f28922b563..249e8fa898 100644 --- a/files/fr/web/css/layout_cookbook/grid_wrapper/index.html +++ b/files/fr/web/css/layout_cookbook/grid_wrapper/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/Layout_cookbook/Grid_wrapper --- <div>{{CSSRef}}</div> -<p class="summary">Ce motif permet d'aligner le contenu d'une grille au centre grâce à un élément qui l'enveloppe. On peut également choisir quels éléments aligner au centre et lesquels adosser aux côtés.</p> +<p>Ce motif permet d'aligner le contenu d'une grille au centre grâce à un élément qui l'enveloppe. On peut également choisir quels éléments aligner au centre et lesquels adosser aux côtés.</p> <h2 id="Spécifications_sommaires">Spécifications sommaires</h2> @@ -20,14 +20,14 @@ translation_of: Web/CSS/Layout_cookbook/Grid_wrapper <p>{{EmbedGHLiveSample("css-examples/css-cookbook/grid-wrapper.html", '100%', 720)}}</p> <div class="note"> -<p><strong>Note : </strong><a href="https://github.com/mdn/css-examples/blob/master/css-cookbook/grid-wrapper--download.html">Télécharger cet exemple</a>.</p> +<p><strong>Note :</strong> <a href="https://github.com/mdn/css-examples/blob/master/css-cookbook/grid-wrapper--download.html">Télécharger cet exemple</a>.</p> </div> <h2 id="Choix_effectués">Choix effectués</h2> -<p dir="ltr" id="docs-internal-guid-30ae4ecd-7fff-36c2-da7d-0fbb6ec4feae">Cette recette utilise la fonction {{cssxref("minmax()")}} afin de définir les tailles des pistes pour la propriété {{cssxref("grid-template-columns")}}.</p> +<p>Cette recette utilise la fonction {{cssxref("minmax()")}} afin de définir les tailles des pistes pour la propriété {{cssxref("grid-template-columns")}}.</p> -<p dir="ltr">Les deux colonnes extérieures ont une taille maximale de <code>1fr</code>, ce qui signifie qu'elles occuperont tout l'espace disponible dans le conteneur de grille.</p> +<p>Les deux colonnes extérieures ont une taille maximale de <code>1fr</code>, ce qui signifie qu'elles occuperont tout l'espace disponible dans le conteneur de grille.</p> <h2 id="Méthodes_de_recours_ou_alternatives">Méthodes de recours ou alternatives</h2> @@ -69,13 +69,11 @@ translation_of: Web/CSS/Layout_cookbook/Grid_wrapper <p>{{Compat("css.properties.grid-template-columns")}}</p> -<h2 id="See_also" name="See_also">Voir aussi</h2> +<h2 id="See_also">Voir aussi</h2> <ul> <li>{{Cssxref("grid-template-columns")}}</li> - <li><a href="/fr/docs/Web/CSS/CSS_Grid_Layout" id="docs-internal-guid-ae8eafc9-7fff-65b9-8d8c-bb5f1e3c874c">Les grilles CSS sur MDN</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Grid_Layout">Les grilles CSS sur MDN</a></li> <li>Article :<a href="https://css-irl.info/more-flexibility-with-minmax/"> Les grilles CSS, plus de flexibilité avec <code>minmax()</code> (en anglais)</a></li> <li>Article : <a href="https://rachelandrew.co.uk/archives/2017/06/01/breaking-out-with-css-grid-explained/">Isoler des éléments sur une grille CSS (en anglais)</a></li> -</ul> - -<p> </p> +</ul>
\ No newline at end of file |