[Error Handling] Main 페이지에서 모달이 가운데 정렬이 되지않는 문제

[shren207]

어떤 에러인가요?

위 사진과 같이 모바일 사이즈에서 모달이 가운데 정렬이 되지않는 문제가 있었습니다. 모달과 관련된 CSS 코드는 아래 사진과 같이 작성하였습니다.

에러 핸들링 방법

위 코드와 같이 transform 속성을 사용하여 가운데 정렬을 해주니 아래 사진처럼 원하는 대로 동작하였습니다.

에러 핸들링을 위해 참고한 레퍼런스 링크

fixed-position 에서 중앙정렬