• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

너비에 따라 row에서 column으로 바꾸는 방법

23.03.03 13:01 작성 조회수 403

0

 안녕하세요 좋은 강의 만들어주셔서 감사드립니다.

인스타그램 만들기를 따라해보고, 화면을 줄였을 때 (닉네임 - 프로필 편집과 설정)을 row에서 column으로 바꿔보고 싶었습니다

쉬울 것 같았는데 도저히 방법을 모르겠어서 질문드립니다

class에서 row에서 column으로 너비에 따라 바꾸는 방법이 있나요?

답변 1

답변을 작성해보세요.

0

안녕하세요 :)

첫 번째로 $q objectscreen 객체를 활용하여 row, column class를 적용할 수 있을 것 같고요~!
(참고 https://www.inflearn.com/course/lecture?courseSlug=%ED%80%98%EC%9D%B4%EC%82%AC-%EB%A7%88%EC%8A%A4%ED%84%B0-vue-%EC%9B%B9&unitId=133053&tab=curriculum)

두 번째로 인스타그램 페이지 하단 카드 UI를 반응형으로 만든 것 처럼 col-12, col-md-6과 같이 breakpoints를 활용하여 적용할 수 있을 것 같아요 :)