Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RESPONSIVE FIX font size on title

Browse Source
This commit is contained in:
Nonimart 2025-09-03 12:25:03 +02:00
parent 9fb13847d0
commit c64cdbd487
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/css/components/post-header.css
View File

@ -3,7 +3,7 @@
h1.post-header__title, h1.post-header__title,
h2.post-header__title { h2.post-header__title {
@apply uppercase font-medium text-7xl text-white; @apply uppercase font-medium text-4xl md:text-5xl lg:text-7xl text-white;
line-height: 1.2; line-height: 1.2;
} }
&__inner { &__inner {
@ -54,7 +54,7 @@
} }
.post-details { .post-details {
@apply flex justify-between gap-28 mt-12; @apply flex flex-wrap justify-between gap-28 mt-12;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
&__label { &__label {
@ -64,10 +64,10 @@
} }
.socials-buttons { .socials-buttons {
@apply flex gap-4 h-fit; @apply flex flex-wrap gap-4 h-fit;
&__button { &__button {
@apply bg-white text-carhop-green-700 px-8 !py-4 font-normal rounded-full w-max flex items-center gap-2; @apply bg-white text-carhop-green-700 px-6 md:px-8 lg:!py-4 font-normal rounded-full w-max flex items-center gap-2;
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);