"Picture" Element Overlapped by Grid Layout

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
katman
 
 
Posts: 158
Joined: Sun Dec 21, 2008 7:02 am

"Picture" Element Overlapped by Grid Layout

Post by katman » Sat Apr 21, 2018 4:20 am

Interesting!

When I use the PICTURE ELEMENT from toolbox, in a grid layout I get overlapping of the grid layout below the picture, as in pics below. This does not happen with the exact same format only using an "IMAGE" ELEMENT.

I want to use the "PICTURE" element because it allows the picture to resize responsively, where just adding an image does not.

Image

Image

Image

User avatar
Pablo
 
Posts: 17604
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: "Picture" Element Overlapped by Grid Layout

Post by Pablo » Sat Apr 21, 2018 7:03 am

The Picture object has a fixed height, so that is why it overlaps.
The height of an image is 'auto' so it keeps the aspect ratio.
In the next update, I will also add this behavior to the picture to make it more consistent.

Note that the image is also responsive, it is flexible and can have different size in breakpoints when you set it to 'full width'

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests