当屏幕尺寸为450px时，如何减小完整行的大小

Question

请告诉我如何管理行内容的大小如何减少这些图像的大小和显示大小为450 img的文本尝试使用媒体查询，但我无法了解如何做到这一点，请帮助我。

<div class="row">
  <div class="col-sm-4">
    <img src="img/anarf.gif" alt="anar">
  </div> <div class="col-sm-4 text-center">
  <img src="img/diya.gif" alt="diya" style="margin-top:100px;">
  <br>
  <span id="fname">From :-</span>
  <span id='fname'><?php echo $_POST["name"]; ?>
    </span>
  <br>
  <span id='fname'><?php echo $_POST["message"]; ?>
  </span> 
</div> 
  <div class="col-sm-4">
    <img src="img/girl.gif" alt="girl" style="margin-top:23px;">
  </div> 
</div>