div больше, чем должен быть [bootstrap]
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="row row-cols-1 row-cols-sm-2 g-3">
<div class="col">
<div class="card-img">
<img src="http://pngimg.com/uploads/tree/tree_PNG2517.png" width="100%" height="100%">
</div>
</div>
<style>
.card-img{
width: 100%;
height: 50%;
}
</style>
</body>
По итогу блок colлезет куда-то вниз. How to fix ?