<body>
<div class="container row m-0">
<div class="card mt-3 ms-3 w-50 shadow-lg col-md-6">
<img src="./images/photo1.jpg">
<div class="card-body">
<span class="badge rounded-pill bg-primary mb-1">news</span>
<h5 class="card-title mb-3">Blog post title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's
content.</p>
</div>
<div class="d-flex p-3">
<div class="flex-shrink-0">
<img src="./images/author.png">
</div>
<div class="d-flex flex-column ms-3 mt-1">
<div class="flex-grow-1 fw-bold">
Kelly Rowan
</div>
<div class="flex-grow-1 text-muted">
March 12, 2021 · 6 min read
</div>
</div>
</div>
</div>
<div class="card mt-3 ms-3 w-50 shadow-lg col-md-6">
<img src="./images/photo1.jpg">
<div class="card-body">
<span class="badge rounded-pill bg-primary mb-1">news</span>
<h5 class="card-title mb-3">Blog post title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's
content.</p>
</div>
<div class="d-flex p-3">
<div class="flex-shrink-0">
<img src="./images/author.png">
</div>
<div class="d-flex flex-column ms-3 mt-1">
<div class="flex-grow-1 fw-bold">
Kelly Rowan
</div>
<div class="flex-grow-1 text-muted">
March 12, 2021 · 6 min read
</div>
</div>
</div>
</div>
</div>
</body>
col-md-6을 줘서 md 사이즈 이상일 때 col-6으로 동작해야 맞다고 생각하는데 창을 키우고 줄여도 한 줄을 다 차지하네요..
