diff --git a/resources/css/blocks/kit-presse.css b/resources/css/blocks/kit-presse.css index 49b38c1..566365d 100644 --- a/resources/css/blocks/kit-presse.css +++ b/resources/css/blocks/kit-presse.css @@ -4,27 +4,24 @@ @apply mt-0; } .table_head { - @apply grid gap-x-8 gap-4 grid-cols-9 font-bold + @apply hidden md:grid gap-x-8 gap-4 font-bold bg-neutral-100 rounded-3xl py-8 px-8; - :nth-child(1) { - @apply col-span-4; - } - - :nth-child(2) { - @apply col-span-1; - } - :nth-child(3) { - @apply col-span-2; - } + grid-template-columns: 4fr 1fr 2fr 2fr; } &__press-grid-datas { @apply pt-12; } &__press-ressource { - @apply grid gap-x-8 gap-4 px-4 !py-8 list-none; - grid-template-columns: repeat(9, 1fr); + @apply grid gap-x-8 px-4 !py-8 list-none; + /* grid-template-columns: repeat(9, 1fr); */ align-items: center; + + grid-template-columns: 4fr; + + @screen md { + grid-template-columns: 4fr 1fr 2fr 2fr; + } &:before { @apply !content-none !pl-0; } @@ -33,7 +30,7 @@ border-top: 1px solid #e2e8f0; } &__ressource-typename { - @apply flex gap-8 col-span-4 items-center; + @apply md:flex gap-8 items-center; } &__ressource-icon { @apply bg-white shadowed @@ -50,15 +47,15 @@ } } &__ressource-title { - @apply col-span-3 pr-4 font-bold; + @apply pr-4 font-bold; } &__ressource-type { - @apply col-span-1 pl-2 uppercase; + @apply pl-2 !my-0 uppercase; } &__ressource-date { - @apply col-span-2 capitalize; + @apply !my-0 capitalize; } &__ressource-download { - @apply col-span-2 mx-auto; + @apply mt-4 md:mt-0 md:mx-auto; } }