Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleaning and responsive

Browse Source
This commit is contained in:
Antoine M 2024-01-18 15:49:39 +01:00
parent c2c4bd18fe
commit c40889499f
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/css/blocks/home-header.css
View File

@ -4,12 +4,6 @@
container; container;
isolation: isolate; isolation: isolate;
/* relative */
/* bg-red-100 */
/* aspect-ratio: 1.5; */
/* min-height: 80vh; */
/* background-color: #fbfff5a6; */
&__titling { &__titling {
@apply max-w-[580px] @apply max-w-[580px]
relative relative
@ -19,7 +13,7 @@
lg:mb-0; lg:mb-0;
} }
&__title { &__title {
@apply text-3xl md:text-4xl font-medium pb-6 pt-16; @apply text-3xl md:text-4xl font-medium pb-6 pt-0 md:pt-16;
line-height: 1.2; line-height: 1.2;
} }
@ -37,13 +31,15 @@
&__fresque { &__fresque {
@apply w-full; @apply w-full;
z-index: -1; z-index: -1;
@apply bg-purple-50;
.mobile_pic {
@apply md:hidden;
}
.desktop_pic {
@apply hidden md:block;
}
img { img {
@apply w-full h-full max-h-full object-contain; @apply w-full h-full max-h-full object-contain;
/* object-position: 100% 100%; */
@screen lg {
/* object-position: 100% 0%; */
}
} }
@media (max-aspect-ratio: 16 / 9) { @media (max-aspect-ratio: 16 / 9) {
img { img {