refining responsive

This commit is contained in:
Antoine M 2024-01-18 15:44:57 +01:00
parent d9e5004fbc
commit feef65f8bc

View File

@ -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;