137 post page post header 플렉스 변경1

[seongseonko]

이 PR은 어떤 유형인가요?

• [ ] 리팩터링
• [x] 기능
• [ ] 버그 수정
• [ ] 최적화
• [ ] 문서 업데이트

설명

post page post header의 tablet, mobile 미디어 쿼리 적용 하였습니다.

관련 티켓 및 문서

• Related Issue #137
• Closes #137

스크린샷, 녹화

https://github.com/RollingPaperTeam/rolling-papaer-web/assets/148178373/29c26794-0e7a-4b3c-aad1-cbf0ac4d849b

변경사항을 테스트하는 방법, 테스트에 사용된 기기 및 브라우저, UI 변경에 대한 관련 이미지 등에 대한 지침을 이곳에 기재해 주세요.

UI 접근성 체크리스트

UI 변경 사항이 있는 경우, 이 체크리스트를 활용하세요:

• [ ] Semantic HTML 구현?
• [ ] 키보드 조작이 지원?
• [ ] axe DevTools를 사용하여 Critical 및 Serious 문제를 확인하고 해결했나요?

[선택사항] 이 PR을 가장 잘 설명하는 GIF는 무엇인가요?