인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

kcena's profile image
kcena

asked

Learn CSS Flex and Grid Properly

Flex Responsive Page Step 3

질문이 있습니다.

Resolved

Written on

·

131

3

모달창 적용 도중 문제가 있었습니다.

검색창 오른쪽에 깃발을 옮기고 버튼 클릭 시 모달창이 뜨긴 하지만 스크롤이 자꾸 맨 아래로 가더라구요. 마치 웹 페이지에서 "맨 아래로" 버튼을 클릭한 것 처럼요.

그래서 선생님이 제공하신 완성 코드와 비교해봤습니다.

이 부분에서 top:0 값을 주셨더라구요. 근데 반응형 페이지 만들기 3번 강의에서는 돌려봐도 이 부분이 없으신데 강의에서는 동작이 잘 되시더라구요. 

어떤 차이점이 있길래 전 top: 0을 적용해야 하고 선생님은 안해도 되는건가요 ?

flexHTML/CSS

Answer 1

2

studiomeal님의 프로필 이미지
studiomeal
Instructor

아- 혹시 크롬에서 테스트하셨나요?
브라우저마다 동작에 약간씩 차이가 있어,
모든 브라우저에서 잘 동작하도록 안전하게 맞추는 과정에서 코드를 추가했던 것 같습니다.
강의는 파이어폭스로 진행을 했거든요~
영상에는 해당 설명이 빠져있나보네요^^; 알려주셔서 감사합니다!

kcena's profile image
kcena

asked

Ask a question