Skip to content

Commit 527b90d

Browse files
committed
Enable media query in related post
1 parent 63f586c commit 527b90d

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

src/containers/post/RelatedPost.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
22
import styled from 'styled-components';
33
import VelogResponsive from '../../components/velog/VelogResponsive';
44
import { detectAnyAdblocker } from 'just-detect-adblock';
5+
import media from '../../lib/styles/media';
56

67
type RelatedPostProps = {
78
type: 'desktop' | 'mobile';
@@ -67,10 +68,13 @@ function RelatedPost({ type }: RelatedPostProps) {
6768
}
6869

6970
const Wrapper = styled(VelogResponsive)`
70-
padding-left: 1rem;
71-
padding-right: 1rem;
7271
margin-top: 4rem;
7372
margin-bottom: 3rem;
73+
${media.small} {
74+
flex-direction: column-reverse;
75+
padding-left: 1rem;
76+
padding-right: 1rem;
77+
}
7478
`;
7579

7680
export default RelatedPost;

0 commit comments

Comments
 (0)