.node-type-ressource{ display: grid; grid-template-columns: 1fr repeat(3, 1fr) 1fr; grid-template-rows: repeat(2, auto); padding-top: 3rem; // #block-reha-titredepage{ // display: block !important; // } .image-ressource{ grid-row: 1; grid-column: 2; margin-right: 2rem; img{ height: 400px; width: auto; } } .infos-content{ grid-row: 1; grid-column: 3 /span 4; margin-left: 2rem; border: none; background-color:transparent; .field--name-field-type-de-ressource{ text-transform: uppercase; font-size: 1rem; order: 1; } h1{order: 2;} .field--name-field-sous-titre{ font-size: 2rem; order: 3; } .field--name-field-auteur{ font-weight: 800; font-size: 1.3rem; order: 4; } .field--name-field-site{ background-color: rgb(153, 147, 174); border-radius: 50px; width: fit-content; padding: 0.2rem 0.9rem; margin-top: 1rem; order: 5; a{ color: white; font-weight: 900; font-size: 0.8rem; vertical-align: top; } } } .body-content { grid-row: 2; grid-column: 2 /span 3; width: 100%; margin-top: 2rem; .field--name-field-fichiers{ width: fit-content; } .summary-content{ } .links-content{ margin-top: 2rem; position: relative; left: -10%; width: 25%; } } }