* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
카드 스타일을 선생님이 쓰신 스타일과 다른 것을 사용했더니 카드 진열방식이 다른데요.
제가 복사한 카드는 세로로 정렬이 되는 형식인데 이걸 가로로 바꾸고 싶습니다.
flex-row 코드 써서 가로로 정렬을 맞춰보고 싶은데 어떻게 하는지 궁금합니다!
작성한 코드 및 에러 메세지
<body>
<div class="mytitle">
<h1> 내 생애 최고의 영화들</h1>
<button>영화 기록하기</button>
</div>
<div class="my cards">
<div class="card mb-3" style="max-width: 380px;">
<div class="row flex-row wrap">
<div class="col-md-4">
<img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">영화제목</h5>
<p class="card-text">눈물 질질짜는 그런 영화</p>
<p>⭐⭐⭐</p>
<p class="mycomment">여기에 나의 의견을 쓰면 됩니다</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 380px;">
<div class="row g-0">
<div class="col-md-4">
<img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">영화제목</h5>
<p class="card-text">눈물 질질짜는 그런 영화</p>
<p>⭐⭐⭐</p>
<p class="mycomment">여기에 나의 의견을 쓰면 됩니다</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
</div>
<div class="card mb-3" style="max-width: 380px;">
<div class="row g-0">
<div class="col-md-4">
<img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
class="img-fluid rounded-start" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">영화제목</h5>
<p class="card-text">눈물 질질짜는 그런 영화</p>
<p>⭐⭐⭐</p>
<p class="mycomment">여기에 나의 의견을 쓰면 됩니다</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
