Loading

Loading

Grid Row Block

Hello, and welcome once more, in this page you will learn about, Grid Row Block, which is the main block to create Grid System layouts with this Row as the Grid Wrapper, and inside of it always use Columns Block to create columns and shape your layout as you wish, and the Row can always turn into Carousel/Slider.

Layouts Options

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

Grid Row Options

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

Slider/Carousel Options

Slider Options

you can turn the Row block to a slider of any kind, Powered by swiper slider and all its features at your editor.

Toolbar Options

in every Block you have, you will find often the main options of the block in the Quick access Toolbar that shows above the selected block, and here is a list of the Options you may came across:

the block editor is very straight forward you have 3 areas to focus on the Content big area where your content is, and Top Bar, which you will find the quick controls and options of any part of the content you’re selecting at the moment.

CSS Properties

in the sidebar of the Block Editor, when you focus on one of Phenix Blocks you will often find a Field called Support, and from this Field you can Activate a lot of styling options to customize your content Freely and here is an Example of some of these options.

All rights reserved © 2016 – 2024 Phenix Tools (Abdullah.Ramadan)

On This Page