강의

멘토링

로드맵

Inflearn コミュニティ Q&A

terecal0050 のプロフィール画像
terecal0050

投稿した質問数

CSS FlexとGridを正しく習得する

Flex レスポンシブページ Step 3

모달이 중간이 아니라 페이지 하단에 출력되여

作成

·

448

5

모달이 중간이 아니라 페이지 하단에 출력되는데 

css가 잘못된거 같은데 어디서 잘못된건지 잘못찾겠어서여 

한번 봐주시면 대단히 감사여 

git:

https://github.com/hyunsokstar/my_flex

flexHTML/CSS

クイズ

Flexbox 레이아웃의 주된 목적은 무엇일까요?

문서 구조를 정의하기 위해

텍스트 서식을 꾸미기 위해

항목들을 행이나 열 방향으로 배치하고 공간을 분배하기 위해

이미지 파일 형식을 변경하기 위해

回答 3

4

studiomeal님의 프로필 이미지
studiomeal
インストラクター

ui-page.css의 아래 부분에, top: 0을 넣어서 위쪽 0픽셀로 고정해주시면 되는데요,
얼마전에 소스코드를 업데이트 하다가 제가 해당 부분을 주석처리를 하고 업데이트 했나보네요^^;
덕분에 terecal님 덕분에 발견했습니다. 감사합니다!

#modal-switch,
label[for="modal-switch"] span {
    ...
    top: 0;
    ...
}

0

아..감사합니다.!!!

0

terecal님의 프로필 이미지
terecal
質問者

모달 위치 문제가 해결되었어요 알려주셔 감사합니다 

terecal0050 のプロフィール画像
terecal0050

投稿した質問数

質問する