commerce/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
2021-09-14 11:48:24 +07:00

36 lines
687 B
SCSS

@import "../../../../styles/utilities";
.featuredCard {
@apply flex flex-row justify-center spacing-horizontal pb-16;
.featuredCardWrapper {
@apply flex flex-col;
@screen lg {
@apply flex-row justify-between;
}
max-width: 121.6rem;
}
}
.left {
> div{
min-width: 59.8rem;
min-height: 33.6rem;
img {
border-radius: 2.4rem;
}
}
}
.right {
@screen lg {
margin-left: 6.4rem;
}
}
.titleWrapper {
@apply flex flex-col items-start font-heading heading-3;
margin-bottom: 1.6rem;
.title {
margin-top: 0.4rem;
}
}
.content {
margin-top: 1.6rem
}