# Layout

Plain UI is currently under development, Styles, Names and Documentation may change until Release!

## Grid

Plain UI uses the Reflex Grid, there will be a full integration of this Grid for better Support.

## Masonry
`<div class="masonry"> <figure class="masonry__item"> <img class="media object-fit-cover h-100" src="/image.jpg" /> </figure> </div>`

## Slider

`<div class="slider"> <div class="slider__inner"> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> <div class="slider__item w-col-12"> <figure class="figure w-col-12"> <img class="media" src="/image.jpg" /> <figcaption class="figure__caption"> food truck yr franzen pabst </figcaption> </figure> </div> </div> </div>`
food truck yr franzen pabst
food truck yr franzen pabst
food truck yr franzen pabst