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,
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;
}
&__inner {
@ -54,7 +54,7 @@
}
.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;
&__label {
@ -64,10 +64,10 @@
}
.socials-buttons {
@apply flex gap-4 h-fit;
@apply flex flex-wrap gap-4 h-fit;
&__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;
&:hover {
transform: scale(1.05);