Introduction
The row block harnesses FlexBox CSS and is a useful tool for creating visually complex layouts for your content in WordPress. The block can equally distribute the child blocks horizontally(row) or vertically(stack) on the main axis.
Follow Us
What are the advantages?
Child blocks will scale to best fit within the block. This is best for aligning and justifying two or more items together. You may also allow your blocks to wrap onto multiple lines if they exceed the width of the block.
The use of rows or stacks creates fewer dividers than using columns and is becoming the best practice for optimizing your designs.
The row is best used for small design layouts within a larger column or group. A good use case would be to place an icon and text side by side inline.
What are the disadvantages?
Adding rows can add an extra layer of complexity to the design and layout process. The row block, at this time, only uses some of the Flexbox properties in the settings panel. You will still need to use hand coded Flex CSS to create complex layouts.
WordPress does not allow you to set the row properties separately for desktop or mobile. Depending on how the rows are implemented, they may not display correctly on different screen sizes and devices.
Need more control?
While the WordPress block editor is much more powerful than it was even a few years ago, it still has limitations as a design tool. It is still best used for content. Many web creators choose a page builder such as Elementor to have a much greater control over the design of their website. Using the Elementor flexbox container widget, rather than the row block, will provide you with the ability to design differently for desktop, tablet, and mobile.