как изменить высоту и ширину загрузочного дивана?

Question

это вывод это мой код. Я хочу изменить высоту и ширину div. Я пытаюсь изменить, но не работает.

@media(max-width: 500px) {
  .col-sm-4 {
    height: 50px;
	width: 50px;
  }
}

<div class="container-fluid">
    <div class="row">
<div class="col-sm-4">
          container left
 <img src="5.jpg" class="img-circle" alt="Cinque Terre"> 
</div><div class="col-sm-4">
Container Right
<img src="5.jpg">
 </div>
    </div>
</div>

Answer 1

<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div>
<div class="w-50 p-3" style="background-color: #eee;">Width 50%</div>
<div class="w-75 p-3" style="background-color: #eee;">Width 75%</div>
<div class="w-100 p-3" style="background-color: #eee;">Width 100%</div>


<div style="height: 100px; background-color: rgba(255,0,0,0.1);">
  <div class="h-25 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 25%</div>
  <div class="h-50 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 50%</div>
  <div class="h-75 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 75%</div>
  <div class="h-100 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 100%</div>
</div>

Дополнительная информация: Размер начальной загрузки