From feef65f8bc1116e16b51c1548706a65cc7029af0 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 18 Jan 2024 15:44:57 +0100 Subject: [PATCH] refining responsive --- resources/css/blocks/press-reviews.css | 32 +++++++++++++------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/resources/css/blocks/press-reviews.css b/resources/css/blocks/press-reviews.css index a1ed1e7..eeba2e7 100644 --- a/resources/css/blocks/press-reviews.css +++ b/resources/css/blocks/press-reviews.css @@ -1,17 +1,11 @@ .homegrade-blocks-press-reviews { @apply py-6; .table_head { - @apply grid gap-x-8 gap-4 grid-cols-10 font-bold + @apply hidden md:grid gap-x-8 gap-4 grid-cols-10 font-bold bg-neutral-100 rounded-3xl py-8 px-8; + grid-template-columns: 1fr 3fr 2fr 2fr 2fr; :nth-child(1) { - @apply col-span-4; - } - - :nth-child(2) { - @apply col-span-2; - } - :nth-child(3) { @apply col-span-2; } } @@ -19,9 +13,15 @@ @apply !pt-0 !mt-0; } &__press-article { - @apply grid gap-x-8 gap-4 px-4 !py-8; - grid-template-columns: repeat(10, 1fr); - align-items: center; + @apply grid gap-x-6 px-4 !py-8; + /* align-items: center; */ + + grid-template-columns: 1fr; + + @screen md { + grid-template-columns: 1fr 3fr 2fr 2fr 2fr; + } + &:before { display: none !important; content: none !important; @@ -33,7 +33,8 @@ &__review-icon { @apply bg-white shadowed w-20 h-20 - mx-auto + mb-4 md:mb-0 + md:mx-auto rounded-2xl flex items-center @@ -45,17 +46,16 @@ } } &__article-title-link { - @apply col-span-3 pr-4 font-bold; + @apply pr-4 font-bold; } &__newspaper-source-name { - @apply col-span-2 pl-2; + @apply pl-2 !my-0; } &__publication-date { - @apply col-span-2 capitalize; + @apply capitalize !my-0; } &__article-download { - @apply col-span-2; } .section_titling__title:first-child { @apply mt-0;