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,
NEW TO "SITE DESIGNER"?,
STUCK ON SOMETHING?
COFFEECUP'S SITE DESIGNER FOUNDATION FRAMEWORK?
STUCK ON SOMETHING?
WANT TO LEARN & UNDERSTAND "THE HOW TO"? WHY'S & WHEREFORE'S?
I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need
my secure email details form
https://rsd-tutorialscom.coffeecup.com/ … dtutorials