.content-folder{ // max-width: 1300px; max-width: var(--max-w-cards); margin: 0 auto; display: grid; grid-gap: calc(var(--padding-body)*1.5); // grid-template-columns: 60% cacl(40% - var(--padding-body)*1.5); position: relative; .container-cards{ display: block; align-self: start; } #section__investigations article{ margin-bottom: calc(var(--spacing)*1); } .container__title{ font-weight: normal; font-size: var(--fs-normal); text-transform: uppercase; margin-bottom: calc(var(--spacing)*0.75); } @media #{$medium}{ #section__investigations{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: calc(var(--padding-inner)*1.5)!important; margin-bottom: calc(var(--spacing)*3); article{ margin-bottom: 0px;} .container__title{ grid-column: span 2; margin-bottom: 0px; } } section:target{ padding-top: calc(var(--header-h) + var(--spacing)); } } @media #{$medium-up}{ #nav-folder{ display: none; } grid-template-columns: 1fr 1fr; #section__investigations{ display: block; margin-bottom: 0px; article{ margin-bottom: calc(var(--spacing)*1); } } } @media #{$small}{ display: block; #section__investigations{ display: block; } .container__title{ margin-bottom: calc(var(--spacing)*0.5)!important; } } } #nav-folder{ display: flex; margin-top: calc(var(--spacing)*-1); margin-bottom: calc(var(--spacing)*2); svg{ width: 10px; height: 10px; transform: rotate(90deg); } } @media #{$medium-up}{ #nav-folder{ display: none;} }