crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 12:24:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: responsive FeaturedCardBlog

Browse Source
This commit is contained in:
unknown
2021-09-07 09:49:46 +07:00
parent d1679422b2
commit e802bc1b0b
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
View File

@@ -1,9 +1,15 @@
@import "../../../../styles/utilities"; @import "../../../../styles/utilities";
.featuredCard{ .featuredCard{
@apply flex flex-row justify-center spacing-horizontal pb-16; @apply flex flex-row justify-start spacing-horizontal pb-16;
@screen lg{
@apply justify-center;
}
.featuredCardWrapper{ .featuredCardWrapper{
@apply flex flex-row justify-between; @apply flex flex-col;
@screen lg{
@apply flex-row justify-between;
}
max-width: 121.6rem; max-width: 121.6rem;
} }
} }
@@ -15,8 +21,10 @@
} }
.right{ .right{
flex-shrink: 3; flex-shrink: 3;
margin-left: 6.4rem;
max-width: 55.4rem; max-width: 55.4rem;
@screen lg{
margin-left: 6.4rem;
}
} }
.titleWrapper{ .titleWrapper{
@apply flex flex-col items-start font-heading; @apply flex flex-col items-start font-heading;