Can you let me know what you are missing please? An example of what you would like to see would be helpful...

How to setup the grid in grid builder is described here, with a short video below it to visualize the concept. Following that you will need to understand the CSS Grid mechanics a bit to create your layout designs — that part is extensively described below with a number of demos that you can recreate in the grid app. These grid demos are also included in the app (new from theme > showcases) so you can analyze them...

http://bob.coffeecup.com/storage/help/grid-demos.png

Video
The webpage at https://player.vimeo.com/video/23046761 … portrait=0 might be temporarily down or it may have moved permanently to a new web address.

Instructions (Just for starters)
The first (outer most) container, the <div> with classes .grid-demo and .demo-1, is made a Grid parent by applying display: grid; in the CSS. .(HOW DO WE ACTUALLY DO THAT
again how do we do tha

The video thingy has never worked for me here, maybe that shows actually how to do that process.
There is more but I am back into my no Internet zone for a couple of days,

Wayan

Sorry, I haven't got time for CGB right now. Overworked, and husband in hospital. I'll get back to it later.

The video shows exactly that, not sure why Vimeo would not work in Bali...?

Just to be clear, the tutorial is not an app manual, it is written to understand CSS Grid. Doing that with the app should make it easier to get a feeling for the possibilities and build a good understanding of this cool new CSS Module.

However, to get everybody started with the app I added some screenshots and more explanation on how to start the 1st grid demo in CSS Grid Builder. Continuing from there should be self-explanatory, look at the demos, read what I am doing and try to replicate that in the app.

Let me know if there are more things I can improve or add

Thanks for that Bob, that's all I needed t o get the thing set up properly & I am sure I am not Robinson Crusoe on that little hurdle needed to just get going

I am not in Bali at the moment I am in the remotest area of Java. where the internet is almost non existent, and what there is is very very slow (3 or 4 KPS !! at best ) that could be causing the problem for me with the video.
I have done 1 page already which was pretty straightforward, will spend the next couple of days trying it out again.

Thanks again

Wayan

-ms-hack idea not a good one to use...

https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/

I never said the hack was good. What I said was that our clients (mostly win 8, 8.1, and 10 (w/Edge v15)) REALLY prefer EDGE over all other browsers. It seems that until MS releases Edge v16 we will have no way to support their needs using this tool. We do have Chrome, Safari, and Firefox clients that this tool will work with and have an impact. We are testing this tool heavily with these browsers and will provide feedback as requested.

Thanks!

With CSS Grid web layout design will never be the same again. Better, creative, impressive and different than what we have seen before.

Here is a really good video about some of the things being discussed here;

http://aneventapart.com/news/post/real-art-direction-on-the-web-by-jen-simmons-an-event-apart/preview

And this too;

https://aneventapart.com/news/post/css-grid-layout-by-rachel-andrewan-event-apart-video

Hi all,

How can I do this if the css code is given in cssgrid?

.mainheader {
grid-column: 1 / 3;
grid-row : 1;
}
.panel {
Grid-column: 1;
Grid-row: 2;
}
.content {
grid-column: 2;
grid-row : 2;
}

Where can I add numbers of lines?

Kind regards
Stephane