Dear users, developers,

I want to turn this screenshot into a wireframe first into a section but the question is how many rows and columns do I need in the form of containers
How can I do that with flexbox layout or with CSS Grid?
I know the form for an bootstrap wireframe is <section><container><row><column>content

Here is the attachment

Thanks voor je coorperation

Kind regards
Stephane

You don't need any rows and columns. You can use grid if you want to, but flex is easy on this one. You can do the whole thing with containers.

In the attached image, I drew some lines to represent the containers and added a few words to explain what's happening. I only marked up the top. You can use the same method on the bottom.

Hi Brain,

Thanks for your quickly response. Is the bottom part in the screenshot the same manner?

Kind regards
Stephane

My guess is, that the wide inner container has to be on the right side, but otherwise the same.

Inger

I am trying to design it but I am very impressed which
I have to make flex my outer / inner row of outer / inner column
Can you build this example only the wireframe not the content
How can I create the content in the wireframe on the right side to
In attachment my try.
The form in bootstrap is: <section><container><row><column> or is that only for the standard layout grid?

With kind regards
Stephane

I'll see about it this evening. Travelling now...

I'm looking at your file now. You need to accept that rows and columns are not necessary any more, containers will do the trick. If you insist on rows and columns you will have too many unnecessary levels into where your contents will go, and it will cause a lot of clutter. And anyway, if you really insist on rows and columns, you should keep them on the outside, as the first units, before you start laying out a site.

I will make a suggestion for you, but I need to push it out until tomorrow. This time of year is the time for all sorts of annual assemblies, which eventually will lead to website changes/updates when they are over, and I have a few such jobs. Been at it for 5 hours now, and my eyesight goes crosswise...

BTW, I have noticed that your English is much improved now, compared with three years ago when I needed to use Google translate to be able to write in Dutch.

So, I've made something, but without rows and columns. If you still are insisting on having them, I'd recommend ONE row with ONE column, and then stick everything else inside.

And please excuse the sickly looking colour scheme...