diff --git a/resources/css/components/post-infos-capsule.css b/resources/css/components/post-infos-capsule.css index 5ff0c72..c626abe 100644 --- a/resources/css/components/post-infos-capsule.css +++ b/resources/css/components/post-infos-capsule.css @@ -1,11 +1,11 @@ .post-infos-capsule { - @apply flex justify-start gap-8; + @apply flex flex-wrap justify-start gap-x-8 gap-y-5; &__share, &__publication-date { @apply bg-white text-primary rounded-full - my-6 - px-6 + px-4 + sm:px-6 py-2 w-fit h-auto @@ -14,7 +14,7 @@ font-medium; } &__share { - @apply gap-2; + @apply gap-1 md:gap-2; .share-button { @apply bg-primary w-8 h-8 rounded-full p-4 relative; transition: transform 0.3s ease-in-out;