@extends('component-base.layout')

@section('title')
    D - 3カラム
@endsection

@push('css')
    <link rel="stylesheet" href="/css/component-base/layout-demo/layout-d.css?v={{config("sns-line.version")}}">
@endpush

@section('contents')
    <div id="vue-element">
        <div class="layout-d">
            <div class="layout-left lme-flex lme-flex-col" style="gap: 16px">
                <div class="layout-part" style="width: 250px;height: 50px"></div>
                <div class="layout-part" style="width: 250px;flex: 1"></div>
                <div class="layout-part" style="width: 250px;height: 50px"></div>
            </div>
            <div class="layout-center" style="flex: 1">
                <div class="layout-part" style="width: 100%;height: 100%"></div>
            </div>
            <div class="layout-right">
                <div class="layout-part" style="width: 250px;height: 100%"></div>
            </div>
        </div>
    </div>
@endsection

@push('js')

@endpush