Page 1 of 1

Box under the text on "Layout grid"

Posted: Sun May 03, 2020 11:40 am
by phabio
Hi all, I'me new on this forum, and sorry forr my bad english.

I'me try to create a Horizontal card using "Layout grid" with 2 column.
On the left I've a image, on the right I need to insert formatted text.

On the right column I've set the background (solid with alfa) property, to create a box similar to the left image.

Then I've put into the right box the some "article" bject.

So, if I render on the browser the page, when I resize the window, the image are right resized, but on the right, the background is not "full rendered".. but is visible only under the text..

https://www.sophieblasi.com/temp/wysiwyg1.png

how can I crete a responsible horizontal card like this?
https://www.sophieblasi.com/temp/wysiwyg2.png

thanks
Fabio

Re: Box under the text on "Layout grid"

Posted: Sun May 03, 2020 12:54 pm
by Pablo
This is not possible with layout grids. Because with standard CSS you cannot create equal heights.
But you can use a Flexgrid to do this.

Re: Box under the text on "Layout grid"

Posted: Sun May 03, 2020 2:36 pm
by phabio
Thank you Pablo.
I've also tryed with flex grid, without god results..
I try another time with different settings.
thanks
Fabio