style: mbti-test intro 페이지 ui 개선

[junjeeong]

Pull requests

✅ 작업한 내용

• header가 줄바꿈 되는 이유는 figma에서 명시된 font-size 값이 360px 일때에도 18px이어서 발생하는 문제였습니다. 360px 일때에만 살짝 낮추어 16px로 변경했습니다.
• 이미지가 짜부되는 이유는 불러오는 image 파일이 500전용 파일로 고정되어있었기 떄문입니다. viewport에 따라서 다른 파일을 유동적으로 가져올 수 있도록 수정했습니다.

🔢 #195

❗️PR Point

• 기존에 image 파일을 500px로만 받아오던 것을 layout에 따라서 다르게 받아오도록 수정했습니다.
• header의 기본 font를 360px일 때에는 16px, 375px 500px 일때에는 18px로 고정해두었습니다(index.css)

📸 스크린샷