@extends('layouts.grid')
@section('content')
    <div class="container mt-5">
        <masonry
            :cols="{default: 5, 1000: 3, 700: 2, 400: 1}"
            :gutter="{default: '30px', 700: '15px'}"
        >
            <div class="mb-4" v-for="(item, index) in items" :key="index">
                <img class="img-fluid" :src="item.image" :alt="item.name">
                {{--<div class="card">
                    <div class="card-body">
                        Item: @{{index + 1}} <br>

                    </div>
                </div>--}}
            </div>
        </masonry>
    </div>
@endsection