인프런 커뮤니티 질문&답변

김태현님의 프로필 이미지
김태현

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

CSS 키프레임 애니메이션 활용한 실전 퍼블리싱 03(더블 보더 레디어스 애니메이션)

뷰포트가 작아지면

작성

·

162

1

브라우저의 창 크기를 줄이면

border가 괴상해지는데요 이를 방지하는 방법이 있을까요? ㅠㅠ

답변 2

0

반응형으로 만드는게 아니지만 어느 정도 브라우저 사이즈 줄었을 때 망가지는건 .container에 width: 100%를 주시면 됩니다.

반응형으로 만드실 경우 아래처럼 해주시면 됩니다. 물론 마진을 준 부분이 있으면 조정해주시구요.

@media (max-width: 768px) {

      .container {

            display: flex;

            flex-direction: column;

      }

}

0

제 말은 틀릴 가능성이 높지만 width를 설정해도 그런가요 코드가 궁금하네요

김태현님의 프로필 이미지
김태현

작성한 질문수

질문하기