.view-display-id-page_1{ display: flex; flex-direction: row; flex-wrap: wrap; // justify-content: space-between; article{ padding-bottom: 0.7rem; } .views-row{ width: 30%; padding: 1rem; .node-type-site{ margin: auto; display: flex; flex-direction: column; width: 100%; background-color: white; .field--name-field-image{ order: 1; max-width: 100%; img{ width: 100%; object-fit: cover; height: fit-content; } } .filtered-content{ // border: solid $yellow-puca 1px; background-color: $white-button; order: 2; display: flex; flex-direction: column; padding-left: 1rem; padding-right: 1rem; h2{ order: 2; margin: 0; font-size: 1.3rem; font-weight: 900; } .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1.5rem; } .field--name-field-adresse-site{ order: 3; font-size: 1.3rem; line-height: 0.3rem; .address{ margin: 0; display: inline-flex; .postal-code{ order: 2; } .locality{ order: 1; text-transform: capitalize; margin-right: 0.5rem; } .country{ display: none; } } } .field--name-field-architecte{ order: 4; padding-top: 1rem; } ul.links{ order: 5; text-transform: uppercase; padding: 0; margin: 0; border: none; padding-bottom: 2rem; padding-top: 0.9rem; display: inline-flex; &::after{ content:url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } } } } } footer{ background-color: transparent; text-transform: capitalize; p:first-of-type{ font-size: 2rem; } .view-display-id-block_2{ display: flex; flex-direction: row; flex-wrap: wrap; .views-row{ width: 30%; padding: 1rem; .node-type-site{ margin: auto; display: flex; flex-direction: column; width: 100%; background-color: white; .filtered-content{ // border: solid $yellow-puca 1px; background-color: $white-button; order: 2; display: flex; flex-direction: column; padding-left: 1rem; padding-right: 1rem; h2{ order: 2; margin: 0; font-size: 1.3rem; font-weight: 900; } .field--name-field-lettre-de-site { order: 1; text-transform: uppercase; font-size: 1.5rem; font-weight: 200; } .field--name-field-adresse-site{ order: 3; line-height: 1.2rem; font-weight: 400; p.address{ margin: 0; display: inline-flex; font-size: 1.3rem; .postal-code{ order: 2; } .locality{ order: 1; text-transform: capitalize; margin-right: 0.5rem; } .country{ display: none; } } } .field--name-field-architecte{ order: 4; padding-top: 1rem; text-transform: capitalize; font-weight: 400; } ul.links{ order: 5; text-transform: uppercase; padding: 0; margin: 0; border: none; padding-bottom: 2rem; padding-top: 0.9rem; display: inline-flex; &::after{ content:url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } } } } } } } }