{"id":271,"date":"2026-01-06T20:19:06","date_gmt":"2026-01-06T19:19:06","guid":{"rendered":"https:\/\/lmspro.fr\/css-flexbox-le-guide-complet-de-la-mise-en-page-flexible\/"},"modified":"2026-01-23T14:16:10","modified_gmt":"2026-01-23T13:16:10","slug":"css-flexbox-le-guide-complet-de-la-mise-en-page-flexible","status":"publish","type":"post","link":"https:\/\/lmspro.fr\/en\/css-flexbox-le-guide-complet-de-la-mise-en-page-flexible\/","title":{"rendered":"CSS Flexbox: The Complete Guide to Flexible Layout"},"content":{"rendered":"<h2>CSS Flexbox : Le Guide Complet de la Mise en Page Flexible<\/h2>\n<p>Ma\u00c3\u00aetrisez Flexbox pour cr\u00c3\u00a9er des mises en page flexibles et responsives. De l&rsquo;alignement au responsive, d\u00c3\u00a9couvrez toutes les propri\u00c3\u00a9t\u00c3\u00a9s avec des exemples pratiques.<\/p>\n<div class='article-meta'>\n<p><strong>Niveau :<\/strong> Interm\u00c3\u00a9diaire<\/p>\n<p><strong>Dur\u00c3\u00a9e :<\/strong> 60 minutes<\/p>\n<p><strong>Public cible :<\/strong> D\u00c3\u00a9veloppeurs web, Int\u00c3\u00a9grateurs, Designers<\/p>\n<\/div>\n<h2>Objectifs p\u00c3\u00a9dagogiques<\/h2>\n<ul>\n<li>Comprendre le syst\u00c3\u00a8me Flexbox<\/li>\n<li>Ma\u00c3\u00aetriser l&rsquo;alignement des \u00c3\u00a9l\u00c3\u00a9ments<\/li>\n<li>Cr\u00c3\u00a9er des layouts responsives<\/li>\n<li>R\u00c3\u00a9soudre les probl\u00c3\u00a8mes courants de mise en page<\/li>\n<\/ul>\n<div class=\"wpa-accordion wpa-accordion-flush\" id=\"article-sections-695d602a0ec2c\">\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-0\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Introduction \u00c3\u00a0 Flexbox<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-0\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<p class=\"wpa-text\">Flexbox est un mod\u00c3\u00a8le de mise en page unidimensionnel qui excelle pour distribuer l&rsquo;espace et aligner les \u00c3\u00a9l\u00c3\u00a9ments.<\/p>\n<h4>Activation de Flexbox<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<br \/>\n}<\/code><\/pre>\n<h4>Terminologie<\/h4>\n<ul>\n<li><strong>Conteneur flex<\/strong> : L&rsquo;\u00c3\u00a9l\u00c3\u00a9ment parent avec <code>display: flex<\/code><\/li>\n<li><strong>\u00c3\u2030l\u00c3\u00a9ments flex<\/strong> : Les enfants directs du conteneur<\/li>\n<li><strong>Axe principal<\/strong> : Direction principale (row ou column)<\/li>\n<li><strong>Axe transversal<\/strong> : Perpendiculaire \u00c3\u00a0 l&rsquo;axe principal<\/li>\n<\/ul>\n<h4>Exemple de base<\/h4>\n<p><code class=\"language-html\">&lt;div class=\"container\"&gt;<br \/>\n &lt;div class=\"item\"&gt;1&lt;\/div&gt;<br \/>\n &lt;div class=\"item\"&gt;2&lt;\/div&gt;<br \/>\n &lt;div class=\"item\"&gt;3&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<\/code><\/pre>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<br \/>\n gap: 1rem;<br \/>\n}<\/p>\n<p>.item {<br \/>\n padding: 1rem 2rem;<br \/>\n background: #0066cc;<br \/>\n color: white;<br \/>\n}<\/code><\/pre>\n<div class=\"tip-box\">\n <strong>\u00f0\u0178\u2019\u00a1 Note :<\/strong> Par d\u00c3\u00a9faut, les \u00c3\u00a9l\u00c3\u00a9ments flex se placent en ligne (row) et s&rsquo;\u00c3\u00a9tirent verticalement.\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-1\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Direction et Wrap<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-1\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<h4>flex-direction<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<\/p>\n<p> flex-direction: row;      \/* \u00e2\u2020\u2019 (d\u00c3\u00a9faut) *\/<br \/>\n flex-direction: row-reverse;  \/* \u00e2\u2020\u0090 *\/<br \/>\n flex-direction: column;    \/* \u00e2\u2020\u201c *\/<br \/>\n flex-direction: column-reverse; \/* \u00e2\u2020\u2018 *\/<br \/>\n}<\/code><\/pre>\n<h4>flex-wrap<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<\/p>\n<p> flex-wrap: nowrap;    \/* Pas de retour \u00c3\u00a0 la ligne (d\u00c3\u00a9faut) *\/<br \/>\n flex-wrap: wrap;     \/* Retour \u00c3\u00a0 la ligne si n\u00c3\u00a9cessaire *\/<br \/>\n flex-wrap: wrap-reverse; \/* Retour \u00c3\u00a0 la ligne invers\u00c3\u00a9 *\/<br \/>\n}<\/code><\/pre>\n<h4>Raccourci flex-flow<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n flex-flow: row wrap;<br \/>\n \/* \u00c3\u00a9quivalent \u00c3\u00a0 :<br \/>\n   flex-direction: row;<br \/>\n   flex-wrap: wrap;<br \/>\n *\/<br \/>\n}<\/code><\/pre>\n<h4>Exemple : Galerie responsive<\/h4>\n<p><code class=\"language-css\">.gallery {<br \/>\n display: flex;<br \/>\n flex-wrap: wrap;<br \/>\n gap: 1rem;<br \/>\n}<\/p>\n<p>.gallery-item {<br \/>\n flex: 1 1 200px; \/* Minimum 200px, flexible *\/<br \/>\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-2\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Justification (Axe Principal)<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-2\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<h4>justify-content<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<\/p>\n<p> justify-content: flex-start;  \/* \u00e2\u2020\u0090 D\u00c3\u00a9but (d\u00c3\u00a9faut) *\/<br \/>\n justify-content: flex-end;   \/* \u00e2\u2020\u2019 Fin *\/<br \/>\n justify-content: center;    \/* \u00e2\u2020\u201d Centre *\/<br \/>\n justify-content: space-between; \/* Espacement entre *\/<br \/>\n justify-content: space-around; \/* Espacement autour *\/<br \/>\n justify-content: space-evenly; \/* Espacement \u00c3\u00a9gal *\/<br \/>\n}<\/code><\/pre>\n<h4>Illustration visuelle<\/h4>\n<p><code class=\"language-plaintext\">flex-start:   [\u00e2\u2013\u00a0 \u00e2\u2013\u00a0 \u00e2\u2013\u00a0     ]<br \/>\nflex-end:    [     \u00e2\u2013\u00a0 \u00e2\u2013\u00a0 \u00e2\u2013\u00a0]<br \/>\ncenter:     [   \u00e2\u2013\u00a0 \u00e2\u2013\u00a0 \u00e2\u2013\u00a0   ]<br \/>\nspace-between: [\u00e2\u2013\u00a0   \u00e2\u2013\u00a0   \u00e2\u2013\u00a0]<br \/>\nspace-around:  [ \u00e2\u2013\u00a0  \u00e2\u2013\u00a0  \u00e2\u2013\u00a0 ]<br \/>\nspace-evenly:  [  \u00e2\u2013\u00a0  \u00e2\u2013\u00a0  \u00e2\u2013\u00a0  ]<\/code><\/pre>\n<h4>Exemple : Navbar<\/h4>\n<p><code class=\"language-css\">.navbar {<br \/>\n display: flex;<br \/>\n justify-content: space-between;<br \/>\n padding: 1rem 2rem;<br \/>\n background: #333;<br \/>\n}<\/p>\n<p>.navbar-logo {<br \/>\n \/* \u00c3\u20ac gauche automatiquement *\/<br \/>\n}<\/p>\n<p>.navbar-menu {<br \/>\n display: flex;<br \/>\n gap: 2rem;<br \/>\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-3\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Alignement (Axe Transversal)<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-3\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<h4>align-items<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<br \/>\n height: 200px;<\/p>\n<p> align-items: stretch;  \/* \u00c3\u2030tirer (d\u00c3\u00a9faut) *\/<br \/>\n align-items: flex-start; \/* Haut *\/<br \/>\n align-items: flex-end;  \/* Bas *\/<br \/>\n align-items: center;   \/* Centre vertical *\/<br \/>\n align-items: baseline;  \/* Ligne de base du texte *\/<br \/>\n}<\/code><\/pre>\n<h4>align-self (par \u00c3\u00a9l\u00c3\u00a9ment)<\/h4>\n<p><code class=\"language-css\">.item {<br \/>\n align-self: auto;    \/* H\u00c3\u00a9rite du parent *\/<br \/>\n align-self: flex-start;<br \/>\n align-self: flex-end;<br \/>\n align-self: center;<br \/>\n align-self: stretch;<br \/>\n}<\/code><\/pre>\n<h4>align-content (multi-lignes)<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<br \/>\n flex-wrap: wrap;<br \/>\n height: 400px;<\/p>\n<p> align-content: flex-start;<br \/>\n align-content: flex-end;<br \/>\n align-content: center;<br \/>\n align-content: space-between;<br \/>\n align-content: space-around;<br \/>\n align-content: stretch;<br \/>\n}<\/code><\/pre>\n<h4>Centrage parfait<\/h4>\n<p><code class=\"language-css\">.centered {<br \/>\n display: flex;<br \/>\n justify-content: center;<br \/>\n align-items: center;<br \/>\n height: 100vh;<br \/>\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-4\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Propri\u00c3\u00a9t\u00c3\u00a9s des \u00c3\u2030l\u00c3\u00a9ments Flex<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-4\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<h4>flex-grow<\/h4>\n<p><code class=\"language-css\">.item {<br \/>\n flex-grow: 0; \/* Ne pas grandir (d\u00c3\u00a9faut) *\/<br \/>\n flex-grow: 1; \/* Prendre l'espace disponible *\/<br \/>\n flex-grow: 2; \/* Prendre 2x plus que flex-grow: 1 *\/<br \/>\n}<\/code><\/pre>\n<h4>flex-shrink<\/h4>\n<p><code class=\"language-css\">.item {<br \/>\n flex-shrink: 1; \/* Peut r\u00c3\u00a9tr\u00c3\u00a9cir (d\u00c3\u00a9faut) *\/<br \/>\n flex-shrink: 0; \/* Ne pas r\u00c3\u00a9tr\u00c3\u00a9cir *\/<br \/>\n}<\/code><\/pre>\n<h4>flex-basis<\/h4>\n<p><code class=\"language-css\">.item {<br \/>\n flex-basis: auto;  \/* Taille intrins\u00c3\u00a8que *\/<br \/>\n flex-basis: 200px; \/* Taille de base fixe *\/<br \/>\n flex-basis: 25{4a00f6d73ff9e2f537053b7c202ea3e7e3a1709f4630047a1912e510d35e71a5};  \/* Pourcentage *\/<br \/>\n}<\/code><\/pre>\n<h4>Raccourci flex<\/h4>\n<p><code class=\"language-css\">.item {<br \/>\n flex: 1;      \/* flex: 1 1 0{4a00f6d73ff9e2f537053b7c202ea3e7e3a1709f4630047a1912e510d35e71a5} *\/<br \/>\n flex: auto;    \/* flex: 1 1 auto *\/<br \/>\n flex: none;    \/* flex: 0 0 auto *\/<br \/>\n flex: 0 0 200px;  \/* grow shrink basis *\/<br \/>\n}<\/code><\/pre>\n<h4>Exemple : Colonnes \u00c3\u00a9gales<\/h4>\n<p><code class=\"language-css\">.row {<br \/>\n display: flex;<br \/>\n gap: 2rem;<br \/>\n}<\/p>\n<p>.col {<br \/>\n flex: 1; \/* Toutes les colonnes \u00c3\u00a9gales *\/<br \/>\n}<\/p>\n<p>.col-sidebar {<br \/>\n flex: 0 0 250px; \/* Sidebar fixe *\/<br \/>\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-5\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Order et Gap<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-5\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<h4>order<\/h4>\n<p><code class=\"language-css\">.item {<br \/>\n order: 0; \/* Ordre par d\u00c3\u00a9faut (ordre du DOM) *\/<br \/>\n}<\/p>\n<p>.item-first {<br \/>\n order: -1; \/* Appara\u00c3\u00aet en premier *\/<br \/>\n}<\/p>\n<p>.item-last {<br \/>\n order: 1;  \/* Appara\u00c3\u00aet en dernier *\/<br \/>\n}<\/code><\/pre>\n<h4>gap<\/h4>\n<p><code class=\"language-css\">.container {<br \/>\n display: flex;<\/p>\n<p> gap: 1rem;       \/* Espacement uniforme *\/<br \/>\n gap: 1rem 2rem;     \/* row-gap column-gap *\/<br \/>\n row-gap: 1rem;     \/* Entre les lignes *\/<br \/>\n column-gap: 2rem;    \/* Entre les colonnes *\/<br \/>\n}<\/code><\/pre>\n<h4>Exemple : R\u00c3\u00a9organisation responsive<\/h4>\n<p><code class=\"language-css\">.card-layout {<br \/>\n display: flex;<br \/>\n flex-wrap: wrap;<br \/>\n gap: 1rem;<br \/>\n}<\/p>\n<p>.card-image {<br \/>\n order: 0;<br \/>\n}<\/p>\n<p>.card-content {<br \/>\n order: 1;<br \/>\n}<\/p>\n<p>@media (max-width: 768px) {<br \/>\n .card-image {<br \/>\n  order: 1; \/* Image apr\u00c3\u00a8s le texte sur mobile *\/<br \/>\n }<\/p>\n<p> .card-content {<br \/>\n  order: 0;<br \/>\n }<br \/>\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wpa-accordion-item\"><button class=\"wpa-accordion-header\" data-wpa-target=\"#article-sections-695d602a0ec2c-item-6\" aria-expanded=\"false\"><span class=\"wpa-accordion-title\">Exercice : Dashboard Layout<\/span><span class=\"wpa-accordion-icon\"><\/span><\/button><\/p>\n<div id=\"article-sections-695d602a0ec2c-item-6\" class=\"wpa-accordion-body\">\n<div class=\"wpa-accordion-content\">\n<h4>HTML<\/h4>\n<p><code class=\"language-html\">&lt;div class=\"dashboard\"&gt;<br \/>\n &lt;aside class=\"sidebar\"&gt;<br \/>\n  &lt;nav&gt;Menu lat\u00c3\u00a9ral&lt;\/nav&gt;<br \/>\n &lt;\/aside&gt;<\/p>\n<p> &lt;main class=\"main-content\"&gt;<br \/>\n  &lt;header class=\"header\"&gt;<br \/>\n   &lt;h1&gt;Dashboard&lt;\/h1&gt;<br \/>\n   &lt;div class=\"user-menu\"&gt;Profil&lt;\/div&gt;<br \/>\n  &lt;\/header&gt;<\/p>\n<p>  &lt;section class=\"cards\"&gt;<br \/>\n   &lt;div class=\"card\"&gt;Statistiques&lt;\/div&gt;<br \/>\n   &lt;div class=\"card\"&gt;Graphiques&lt;\/div&gt;<br \/>\n   &lt;div class=\"card\"&gt;Activit\u00c3\u00a9s&lt;\/div&gt;<br \/>\n  &lt;\/section&gt;<br \/>\n &lt;\/main&gt;<br \/>\n&lt;\/div&gt;<\/code><\/pre>\n<h4>CSS Complet<\/h4>\n<p><code class=\"language-css\">\/* Layout principal *\/<br \/>\n.dashboard {<br \/>\n display: flex;<br \/>\n min-height: 100vh;<br \/>\n}<\/p>\n<p>\/* Sidebar *\/<br \/>\n.sidebar {<br \/>\n flex: 0 0 250px;<br \/>\n background: #1a1a2e;<br \/>\n color: white;<br \/>\n padding: 2rem;<br \/>\n}<\/p>\n<p>\/* Contenu principal *\/<br \/>\n.main-content {<br \/>\n flex: 1;<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n background: #f5f5f5;<br \/>\n}<\/p>\n<p>\/* Header *\/<br \/>\n.header {<br \/>\n display: flex;<br \/>\n justify-content: space-between;<br \/>\n align-items: center;<br \/>\n padding: 1rem 2rem;<br \/>\n background: white;<br \/>\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);<br \/>\n}<\/p>\n<p>\/* Grille de cartes *\/<br \/>\n.cards {<br \/>\n display: flex;<br \/>\n flex-wrap: wrap;<br \/>\n gap: 1.5rem;<br \/>\n padding: 2rem;<br \/>\n}<\/p>\n<p>.card {<br \/>\n flex: 1 1 300px;<br \/>\n padding: 2rem;<br \/>\n background: white;<br \/>\n border-radius: 8px;<br \/>\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);<br \/>\n}<\/p>\n<p>\/* Responsive *\/<br \/>\n@media (max-width: 768px) {<br \/>\n .dashboard {<br \/>\n  flex-direction: column;<br \/>\n }<\/p>\n<p> .sidebar {<br \/>\n  flex: none;<br \/>\n  order: -1;<br \/>\n }<br \/>\n}<\/code><\/pre>\n<div class=\"success-box\">\n <strong>\u00e2\u0153\u2026 R\u00c3\u00a9sultat :<\/strong> Un dashboard avec sidebar fixe, header sticky, et grille de cartes responsive.\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"quiz-block-1\" class=\"quiz-container\" data-quiz-json=\"https:\/\/lmspro.fr\/wp-content\/plugins\/generate-article-endpoint\/quiz-data\/en\/quiz-css-flexbox-guide-complet.json\" aria-label=\"Interactive Quiz\"><div class=\"quiz-loading\" role=\"status\" aria-live=\"polite\"><span class=\"quiz-sr-only\">Loading quiz...<\/span><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>CSS Flexbox : Le Guide Complet de la Mise en Page Flexible Ma\u00c3\u00aetrisez Flexbox pour cr\u00c3\u00a9er des mises en page flexibles et responsives. De l&rsquo;alignement au responsive, d\u00c3\u00a9couvrez toutes les propri\u00c3\u00a9t\u00c3\u00a9s avec des exemples pratiques. Niveau : Interm\u00c3\u00a9diaire Dur\u00c3\u00a9e : 60 minutes Public cible : D\u00c3\u00a9veloppeurs web, Int\u00c3\u00a9grateurs, Designers Objectifs p\u00c3\u00a9dagogiques Comprendre le syst\u00c3\u00a8me Flexbox &#8230; <a href=\"https:\/\/lmspro.fr\/en\/css-flexbox-le-guide-complet-de-la-mise-en-page-flexible\/\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> \u00ab\u00a0CSS Flexbox : Le Guide Complet de la Mise en Page Flexible\u00a0\u00bb<\/span> &raquo;<\/a><\/p>","protected":false},"author":1,"featured_media":272,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[91,30],"tags":[81,26,80,24,82,22],"class_list":["post-271","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flexbox-grid","category-module-1-fondamentaux-techniques-du-web","tag-alignement","tag-css","tag-flexbox","tag-layout","tag-mise-en-page","tag-responsive"],"_links":{"self":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/posts\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":1,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/posts\/271\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/posts\/271\/revisions\/472"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/media\/272"}],"wp:attachment":[{"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/categories?post=271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lmspro.fr\/en\/wp-json\/wp\/v2\/tags?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}