Flexi-Grid Layout for Experience Cloud (LWR)

Did not work

I installed the app, but I couldn't use it within a page in Experience Cloud. When I add the component, I get the following message: "This component is not compatible with Aura runtime." I tried to look for an article to help me, but unfortunately, I couldn't find one.

A must have for an LWR Site

Great addition to an LWR site allowing you to make some great layouts. A minor issue I've noticed, when placing this component inside a repeater ( Gird or List ) and conditionally hiding an element of it ( i.e a Text Block ) for a certain device size the whole Repeater becomes hidden as well and the Site Builder bugs. Maybe it's an LWR issue or the components itself I am unsure.

This is a great component that adds design flexibility to Experience Builder

In all honesty, the default Columns component in Experience Builder should include what this component can do. This component brings a lot of the power of CSS's flexbox to your layouts in experience builder. The big advantage that this has over the default columns component is that you can specify whether the columns should wrap on different screen sizes, and you can set the position of the content that you put in the columns. This component eliminates much of the need for adding extra CSS code to your website. If you use this as a nested component then you can create some really fancy layouts. For anyone that is interested in designing websites in experience builder, this is a must-have! An improvement to this could be a better way of setting the number of columns and their sizes. Right now you set the total number of columns, then you manually write how much space each column should take up. It can be easy to make mistakes. Other than that small thing this is a great addition to your workflow!