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
반응형