인프런 커뮤니티 질문&답변
작성한 질문수
opacity-image background 문제
작성
·
190
퀴즈
요소의 초기 정적 디자인 설정 시, 애니메이션될 요소에 display: none을 적용하는 주된 이유는 무엇일까요?
웹 페이지 로딩 속도 향상 위해
다른 요소와의 레이아웃 충돌 방지 위해
애니메이션 시작 전 해당 요소를 화면에서 숨기기 위해
브라우저별 기본 스타일을 초기화하기 위해
답변 1
0
코딩웍스(Coding Works)
지식공유자
강의에서는 flex 배치는 없는데 flex로 배치하셨나 보네요.
.home-inner에 flex를 주면 .home-inner 자식요소인 .welcome-text, .opacity-image, .home-heading 3개가 가로 배치됩니다.
결과화면이 없어서 답변드리기가 어렵습니다만...
flex 배치를 위한 html이 아니기 때문에 강의내용에 있는 방식으로 제작하시다가 궁금한 점 질문주세요.