Today I Learned (TIL)

영화 검색사이트 만들기 23.10.23

폼폼코 2023. 10. 23. 20:24
728x90
반응형

검색 기능을 제외하고 거의 마무리 작업에 들어가고 있는 상황입니다 

 이전에있었던 영화 카드 리스트 정렬을 위해  div에 card-list 클래스를 부여후 

.card-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
    background-color: #F5F7F8;
}

CSS에서 조금 칸을 수정하니

이제는 정상적으로 3 X 3 박스형태로 나오고있습니다 

사진이 미묘하게 튀어나오기에 이번에는 cardbox에서 width값만 조금 수정해줍니다

이제야 깔끔해진 영화 카드들이 출력이되네요 다행입니다 코드를 조금 씩 수정할때마다 원하는 값이 나오니 

그나마 할만한거같습니다 

검색기능도 마저 추가해봐야겠습니다..

728x90
반응형