[왕초보] 웹개발 2주차

오늘 중요한 것을 정리하면서 기억할 필요가 있는 것 1~2가지

카드 만들 때 카드가 한 줄에 3개 씩만 나오는 이유를 찾다가 2주차 강의자료의 코드와 비교하고 답을 찾았습니다.

'row-cols-md-3'은 큰 화면일 때 한 줄에 3개를 배치하라는 뜻입니다.

'row-cols-md-4'로 수정하니 한 줄에 4개씩 원래 하려던 대로 나왔습니다.

...
    <div class="mycard">
        <!--<div class="row row-cols-1 row-cols-md-3 g-4">   md3은 3개 카드가 한줄로 나옵니다-->
        <div class="row row-cols-1 row-cols-md-4 g-4">
            <div class="col">
                <div class="card h-100">
                    <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
                        class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">영화 제목</h5>
                        <p class="card-text">⭐⭐⭐</p>
                        <p class="card-text">영화 코멘트</p>
                    </div>
                </div>
            </div>

 

https://ashen99.tistory.com/183

[왕초보] 웹개발 2주차 - 웹페이지 꾸미기 2 : spartaflix

 

https://www.notion.so/241024-SQL-or-1-2-128fbd856e4980778b15e26c560dd42a

[241024] 자율 스터디 템플릿 : SQL 달리기반 or 웹개발 강의 1~2주차 | Notion