Grid/Column

Для расположения элементов на странице можно воспользоваться moonshine::grid и moonshine::column компонентами.

Сетка состоит из 12 столбцов.

<x-moonshine::grid>
<x-moonshine::column adaptiveColSpan="6" colSpan="6">
{{ fake()->text() }}
</x-moonshine::column>
<x-moonshine::column adaptiveColSpan="6" colSpan="6">
{{ fake()->text() }}
</x-moonshine::column>
</x-moonshine::grid>
Officia aut ut qui sequi fuga magnam velit. Cum iste quo aperiam amet molestiae iusto. Voluptate sit saepe repellat eius consequatur sunt ipsum.
Sed minima non possimus sunt ex tenetur. Sint dolorem veniam voluptates laudantium.

adaptiveColSpan - количество столбцов, которые занимает блок при размерах экрана до 1280px.
colSpan - количество столбцов, которые занимает блок при размерах экрана от 1280px.