Bob Visser wrote: Inger wrote:
Wayan Jaya wrote:
I understand things are in development & state of flux,, but the demo/instructions don't even clearly lay out how to set the grid up,, it just says do this do that, no clear description as to how to do this & that.
Exactly what I'm thinking too.
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
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.
Then, on the same container, two grid columns are created for small screens and three columns for wider screens through the .demo-1 selector class
.(HOW DO WE ACTUALLY DO THAT
again how do we do tha
using the auto value twice creates two columns, and writing it out it three times sets up the three column structure.
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,
DO IT FOR SOMEONE AND THEY NEVER LEARN
TEACH SOMEONE AND THEY MIGHT LEARN
SHOW SOMEONE AND THEY WILL LEARN
INVOLVE SOMEONE AND THEY WILL LEARN TO UNDERSTAND.
WELCOME TO WAYAN'S WORLD OF UNDERSTANDING
Watch Listen & Learn Video Tutorials
The Help You Need: When You Need It The Most
Website Design & Development