diff --git a/resources/views/web/layouts/home.blade.php b/resources/views/web/layouts/home.blade.php
index aa5a9edd..3967e834 100644
--- a/resources/views/web/layouts/home.blade.php
+++ b/resources/views/web/layouts/home.blade.php
@@ -7,6 +7,13 @@
             font-size: 40px;
             text-shadow: 0.1em 0.1em 0.2em #006081a8 !important;
         }
+        .w-100{
+            width: 100%;
+        }
+        .dsp-flex{
+            display: flex;
+            flex-wrap: wrap;
+        }
     </style>
 <div class="container-fluid" style="padding: 0">
     <div class="container-fluid header-carousel">
@@ -73,7 +80,7 @@
             <div class="row news-releases-contents">
                 @foreach($news as $new)
                     <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
-                        <img class="img-responsive" src="{{$new->img_url}}">
+                        <img class="img-responsive w-100" src="{{$new->img_url}}">
                         <span><b class = "fontSemiBold" style = "font-size: 17px;">{{$new->date}}</b></span>
                         <span style = "padding-top:10px; padding-left: 5px"><a href="{{ route('getNews', $new -> id) }}" style = "font-size: 18px;padding-top:15px;">{{ str_limit($new->name, $limit = 80, $end = '...') }}&nbsp;&nbsp;<i class="fa fa-play-circle-o"></i></a></span>
                     </div>
@@ -168,7 +175,7 @@
             <div class="row">
                 <h2>Saýlanan gepleşikler <i class="fa fa-play-circle-o"></i></h2>
                 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-                    <div class="col-lg-8 col-md-8 col-sm-9">
+                    <div class="col-lg-8 col-md-8 col-sm-9 dsp-flex">
                         @if($bestShows && $bestShows->count()>1)
                            @foreach($bestShows as $bestShow)
                             <div class="col-lg-6 col-md-6 col-sm-6">