Hello all,
Probably simple thing do but maybe someone can enlighten me.
On lowest BP @ 320px I want a h2 with name of product under that a product image and than under that a product info pargraph. Ok no problem to do it staying as column.
Now to make it side by side say at 640px is where I cannot get it right.

Do I make a main container set class as row-type and than add 2 more containers one for image and 2nd for paragraph. Set main as Flex and set style for other 2 containers.

In 1.5 it was easy as I started with row then add col.

The new SD3 update has the 2 col container which seems to work to some extent but unable to get spacing closer at desktop px.

Just need some input on how to get started then I can continue to learn on my own.

As always Thanks,
Ray

the 3 columns stuff is for the Grid layouts
If you insert that it won't be shown properly on IE, but then you can always take them out of the grid, by selecting "Flex"
but then that means re-styling/settings so a catch 22 situation arising

I am struggling to open my minds eye as to what you are wanting to acieve

Are you saying you want the product info stuff (header/image/paragraph) to display stacked, at lower displays, then side by side at medium displays upwards


or

you want the product info stuff stacked all the way up with additional product info stuff side by side (ie prod1, then prod2 etc

In other words, you want to have product info cards that stack at lower widths then in a row at higher widths

Hi Ray, if you give us a quick image of how you want the content to look at the higher breakpoints it should be quite easy to replicate using foundation xy grid which is supported by ie11. Send me an email if you'd like.

something like this perhaps (without the fancy stuff going on of course)

https://youtu.be/c2Joiw1jI9Q

Check out the Card section in my sharing folder. Something like this: https://eikweb.com/sharing/sd3-basic-card/index.html
You can download the code if needed.

Thank you Wayan, Phil and Inger for your input as always!

Looking at the card thing may be the way, Inger I will go to your share site and download and will practice and see what I can do.

Yes Wayan stacked lowest and row at higher only need 2 cards.

Just like in the video then

From what I see from the video and Inger's card share that may be what I can use. Will try tomorrow and see how badly I can mess it. up