ARKADAŞLAR normal boyutlarda görüntü bu şekildeyken mobile aldıgımdan divler aşagı kayıyor ve col-md yanında hepsinde col-xs kullanıyorum ama olmadı bir türlü.

<div class="container">
    <div class="row satirrenk">
        <div class="col-md-1 col-xs-1  col-sm-1  align-self-center">
<i class="far fa-check-circle fontave5" ></i></div>
        <div class="col-md-7 col-xs-7 col-sm-7  align-self-center">
<div class="row ml-0"> 
   <div class="col-md-12 col-xs-12 col-sm-12"> 
       <p class="baslikcomponent"><?php echo substr("Teknik Resim 1.D 1.y",0,20); ?>...</p>    </div>    <div class="row ml-0">
        <div class="col-md-12 col-xs-12 col-sm-12">         <p class="listleyen baslikcomponent ">
<span class="text-primary ">Gizemmataman</span> <span class="text-muted">5.12.2019 tarihinde paylaşıldı. •</span></p>        </div>    </div></div>
        </div>        <div class="col-md-1 col-xs-1 col-sm-1 border border-white kuturenk text text-white  align-self-center">
            <div class="row">                <div class="col-md-12 col-xs-12 col-sm-12 text-center ">100 kere</div>            </div>            <div class="row"> 
               <div class="col-md-12 col-xs-12 col-sm-12 text-center ">İndirildi</div>            </div>        </div>        <div class="col-md-1 col-xs-1 col-sm-1 border border-white kuturenk2 text text-white  align-self-center">
            <div class="row baslikcomponent">                <div class="col-md-12 col-xs-12  col-sm-12 text-center">Dosyayı</div>            </div>            <div class="row">                <div class="col-md-12 col-xs-12 col-sm-12 text-center">Görüntüle</div> 
           </div>        </div>    </div></div>