[Vue.js] 영화 검색 사이트 예제 - 18. Container 너비 사용자 지정

[Vue.js] 영화 검색 사이트 예제 - 18. Container 너비 사용자 지정

2022. 4. 2. 12:19ㆍ공부/Vue.js

뷰포트의 크기에 따라 Container의 너비를 자동으로 맞추는 작업을 할 예정.

현재는 가로 너비가 아무리 넓어도 5개까지 밖에 표시되지 않고, 화면을 줄이면 헤더부분과 search 부분이 제대로 줄지 않는다.

Containers

Containers are a fundamental building block of Bootstrap that contain, pad, and align your content within a given device or viewport.

getbootstrap.com

위의 뷰포트 디폴트 값을 수정해줄 것이다.

현재 영화 목록이 나타나는 영역은 아무런 표시가 돼 있지 않아 직관성이 떨어진다.

영화 제목이 나타나는 영역을 표시해보자.

[Vue.js] 영화 검색 사이트 예제 - 20. Footer (0)	2022.04.02
[Vue.js] 영화 검색 사이트 예제 - 19. 에러 메세지 출력과 로딩 애니메이션 (0)	2022.04.02
[Vue.js] 영화 검색 사이트 예제 - 17. 영화 아이템_텍스트 말줄임 표시와 배경 흐림 처리, 강조 효과 (0)	2022.04.02
[Vue.js] 영화 검색 사이트 예제 - 16. 영화 아이템_기본 출력 (0)	2022.04.02
[Vue.js] 영화 검색 사이트 예제 - 15. 영화 검색 코드 리팩토링 (0)	2022.03.30

Riam