diff --git a/resources/css/blocks/post-card.css b/resources/css/blocks/post-card.css index 83d4124..1513f87 100644 --- a/resources/css/blocks/post-card.css +++ b/resources/css/blocks/post-card.css @@ -1,15 +1,15 @@ .post-card { - @apply bg-white flex gap-8 items-center justify-between !p-6 rounded-xl shadowed my-4; + @apply bg-white flex flex-col md:flex-row gap-8 items-start md:items-center justify-between !p-6 rounded-xl shadowed my-4; text-decoration: none !important; &__cover { - @apply h-24 w-24 rounded-2xl; + @apply h-16 w-16 md:h-24 md:w-24 rounded-2xl; &--videos-webinaires { @apply h-28 w-auto; } } &__tags { - @apply flex items-center gap-3 text-sm; + @apply flex items-start sm:items-center gap-3 text-sm; .tag { @apply rounded-md; padding-top: 0.36rem; @@ -25,7 +25,7 @@ transform: translateX(4px) scale(1.02); } &:after { - @apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 mr-auto; + @apply absolute right-6 top-1/2 md:static inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 ml-auto; content: ''; margin-top: auto; margin-bottom: auto;