File tree Expand file tree Collapse file tree
src/sections/Blog/Blog-list Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -19,9 +19,6 @@ export const BlogPageWrapper = styled.div`
1919 align-items: center;
2020 transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
2121 }
22- .blog-lists{
23- margin-top: 5rem;
24- }
2522 .post-thumb-block{
2623 height: 8rem;
2724 width: 25%;
@@ -67,30 +64,49 @@ export const BlogPageWrapper = styled.div`
6764
6865 @media screen and (max-width:992px){
6966 .post-block{
70- height: 10rem;
71- width: auto;
67+ flex-direction: row;
7268 }
7369 .post-thumb-block{
74- height: 15rem;
70+ height: 8rem;
71+ width: 25%;
72+ margin-right: 1rem;
7573
7674 img{
77- max-height:15rem;
75+ object-fit: cover;
76+ margin: 0;
77+ padding: 0.5rem;
7878 }
7979 }
80+ .post-content-block{
81+ width: 70%;
82+ padding: 0.5rem;
83+ }
8084 }
8185
8286 @media screen and (max-width:576px){
8387 .post-block{
84- height: 9rem ;
88+ flex-direction: column ;
8589 }
8690 .blog-list-wrapper{
8791 margin: 1.5rem auto 5rem;
8892 }
8993 .blog-lists{
90- margin-top: 0rem;
94+ margin-top: 0;
95+ }
96+ .post-thumb-block{
97+ width: 100%;
98+ height: 12rem;
99+ margin-right: 0;
100+
101+ img{
102+ object-fit: cover;
103+ padding: 0;
104+ margin: 0;
105+ }
91106 }
92107 .post-content-block{
93- height: fit-content;
108+ width: 100%;
109+ padding: 0.75rem 0.5rem;
94110 }
95111 .tooltip-search{
96112 display: block;
You can’t perform that action at this time.
0 commit comments