почему цикл foreach действует странно?

Question

Я работаю над проектом Laravel для сайта электронной коммерции. Я использую цикл foreach, чтобы получить элементы, и я зацикливаю элемент формы как элемент обертывания товара. почему-то первый элемент цикла te игнорирует форму, а дочерние элементы являются плавающими. но остальное работает как положено. любое решение?

 @foreach($items as $item)
   <form class="product" action="{{route('sepet.ekle')}}" method="post" data-sr="enter over 0.8s wait 0.1s">
   @csrf
   <input type='hidden' name='itemid' value='{{$item->id}}'>
   <input type='hidden' name='itemsayi' value='1'>
   @if($item->new == true)
     <img class='new-item' src='/uploads/new-badge.svg'  alt='yeni produkt'>
   @endif
   <a  title="{{$item->name}}" href="{{route('show.item',$item->slug)}}">
     <img width="398" height="314" src="{{$item->image}}" alt="{{$item->name}}" title="{{$item->name}}" />
     <span title="Müqayisə et" class="compare-item price" data-id="{{$item->id}}" data-cat="{{$item->cat_id}}">
       <i class="fas fa-sliders-h"></i>
     </span>
     <div class="text">
       <span class="model">{{$item->name}}</span>
       <a href="{{route('show.item',$item->slug)}}">
          <p class="axx">{{$item->brend->name}}</p>
       </a>
       <strong class="price">{{$item->qiymet}} azn</strong>
       @if($item->endirimli_qiymet)
      <strong class="price"><del>{{$item->endirimli_qiymet}} azn</del</strong>
       @endif
     </div>
   </a>
   <button class="cart-btn" type="submit" title="{{trans('sozler.sebete_at')}}">{{trans('sozler.sebete_at')}}
      <img src="/uploads/icons/add-to-cart.png" alt="add to cart">
   </button>
 </form>
@endforeach