How can I do that with my demo here "howto_position_containers_in_cols"
First row divided into tree cols
Second row divided into second cols
Thirth row divided into two cols
Fourth row divided into one col
And then implement the containers?
or can I place into a Col a subgrid and into the subgrid col containers?
You can place a container into a column directly, but I am not sure why you would want to anyway
Just follow the directions both Inger (for FF) & Myself (for RSD) have shown you,, it's fairly clear & straightforward
In my example is simply
1 row with 4 columns set to 12 spans each,
each column set to
position = flex
direction = row
justify = space between for the first 3 columns then the last one set justify = center.
then in each column you place the containers and set them to whatever width value you want to give you the layout you want
Inger's solution also works the same except that he uses 4 rows for each different section but the end result is still the same
My image showing the layout and the settings should be easy to understand even for a newby into web-design I have even given you some % values for what I think the containers need to be.
The Help You Need: When You Need It The Most