Dear all,

Here are my first demo for study how create an flex layout with rows, columns en containers
Thanks Inger & Wayan for your support
Kind regards
Stephan

Not bad, Stefke!
What you may want to change is perhaps adding the colours already at the smallest breakpoint?

And I see you followed my advice and dropped the subgrid. Well done!

Yes not bad but one other thing you need to remember when making components is that you should try to just use the default breakpoints not add any extras (unless the component is really complicated) the reason is that if anyone uses a component that has additional breakpoints those breakpoints get added to their project which might become a problem for them
Also, try to avoid having 2 class names to an element because it makes it difficult to make changes when you don't know which class the change they want to make needs to be applied to.

And Inger is correct, about the colours at the other breakpoints that shows lack of attention to details,& you might think about making the column widths at the lower breakpoints fit better, (it is possible even at the lower points to get 2 columns side by side and still look ok, and the user doesn't have to scroll so far on mobile devices (think on that the component is being added to a page which probably has many elements already
Other than that not bad for a first attempt

AHH now I see what you are doing each column can be a component on its own but that isn't very clear.

at the moment you have only 1 of the columns as a component

you should have ALL the columns as components & each given a unique title & description so that people can save whichever column they want as a component individually;

At the moment you only have the one with 1 column & 4 containers The title you have given that component is
4 subgrid-columns but it isn't subgrid-columns it's a column with 4 containers
so really the title for that component should be something like
component-4 one-col- four-cards

You need to start from the top column and add it as a component to the project (no need add it to resources just add it as a component)
call it something like "component-1- one-col one-cards
next one
component-2 -one-col;-2-cards
next one
component-3- one-col-3-cards
last one
component-4- 1-col-4-cards

that way anyone using your component, has a choice for which one they want to add to their project, or they can add all 4 individually and then make the choice as to which one they want to add to a project.