Hello, and welcome once more, in this page you will learn about the Layout options that comes with Phenix Blocks, to create any kind of layout and grids.

Grid System Layouts

on Every block that has been designed to wrap up children elements and layout, like Container, Group, Row, Column, etc. which allow you to create any layout and make it responsive across all devices and screen size, you have all CSS Flexbox options,

and Phenix Grid System with the Support to Convert this layout into a Sliders and Carousels, you can control each column size in each screen, you can create equal columns layouts, or go more complex with the Masonry, and Gallery layout design patterns.

Flexbox layout options

Flexbox layout options

Columns Sizes 01 - 12 Max
Size No.13 Will take all Available Space

Columns Sizes 01 - 12 Max Size No.13 Will take all Available Space

Grid System Options

Grid System Options

Slider/Carousel Options

Slider/Carousel Options


sizes.PNG

Responsive Sizes Width and Height

you also can assign a Fixed Width or Min/Max Width and Height for Most of the Element in Phenix Blocks

and it Comes with a Responsive size for each screen and device size.