merhabalar yardımcı olabilirseniz sevinirim
hata şu :https://prnt.sc/5DsGz2AvX-8m
1010px ten sonra yapı bozuluyor
1010 altı düzenli: https://prnt.sc/kqCK7Rnk4CsF
bu ayarlarla oynadım ama olmadı

@media only screen and (max-width: 400px) { .card-columns {  column-count: 1; } } @media only screen and (min-width: 800px) {.card-columns { column-count: 2; }}.card-columns .card { width: 100%; display: inline-block; }

ful css kod: [url]https://www.paste.tc/hata-43213[/url]

buda html kodum

@extends('layouts.app')
@section('content')
<div class="row">
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <!-- Page pre-title -->
                <div class="page-pretitle">
                    {{ __('app.text_43') }}
                </div>
                <h2 class="page-title">
                    {{ $item->title }}
                </h2>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-xl-12">
        <div class="card">
            <div class="card-body">
                {!! nl2br($item->body) !!}
                
                <div class="mt-4">
                    <span class="text-muted mr-2">{{ $item->views }} {{ __('app.text_38') }}</span>
                    
                    <a href="#" class="text-muted mr-3" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-md" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"></path><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="6" r="3"></circle><circle cx="18" cy="18" r="3"></circle><line x1="8.7" y1="10.7" x2="15.3" y2="7.3"></line><line x1="8.7" y1="13.3" x2="15.3" y2="16.7"></line></svg>
                        {{__('app.text_17')}}
                    </a>
                    <div class="dropdown-menu dropdown-menu-arrow" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="https://www.facebook.com/sharer/sharer.php?u={{url('/item/'.$item->slug)}}&picture={{ url('dist/img/item/'.$item->image) }}&text={{ Str::of($item->story)->words(12, '...') }}">Facebook</a>
                        <a class="dropdown-item" href="whatsapp://send?text={{url('/item/'.$item->slug)}}">Whatsapp</a>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    
</div>
@endsection