WAIT: Weird spacing between Containers

[ribeirom4e]

Browser: Chrome 110
OS: Windows
URL: Local Development
Video: Account (Construtor)

• After wrapping the container, the elements inside it get a spacing (even when applying the correct allignment).

[aslotta]

Hey @ribeirom4e,

thanks for your report.

Unfortunately it’s really hard to follow and tell what your issue might be by just looking at the video. It would be great if you could temporarily put your site on a real server. Alternatively you could provide us with a copy of your local site. I’d guess you’re using Local WP which makes this process pretty easy.

Best,

André

[ribeirom4e]

Hello André,

Now it will be difficult for me to do this because of another issue:

NO BUG: Content disappeared

Hi, Thanks so much for your report! Several people from our team use localwp incl. SSL - including me - and none of us has problems with it (neither on Windows nor macOS). I guess something went wrong with your database operations. Adjusting the database manually is unnecessary (from my experience with localwp), so it is hard to say what you did and what led to this problem. Concrete steps (in the best case, without manually adjusting the database) to reproduce the problem would be very help…

So, I will create another page, reproduce this and export trough LocalWP and paste the file here as soon as possible.

Best regards,

[ribeirom4e]

Hello again André,

I’ve created a new page and I don’t have that issue with the spacing anymore…

The new issue now is that I’m trying to setup a sidebar (white container on the right) with a 100% height inside a Section with 100vh. The container is bleeding out from the Section. It is strange because I have another sidebar (black container on the left) setup with 100% height and it is working. Check the video below for more info.

https://www.awesomescreenshot.com/video/18805041?key=2dbb032a546ccc7fe44848a458a8ed9e

Best regards,

[ribeirom4e]

Hello André,

About the original “bug”, the spacing between container is sometimes created depending on the wrapping which we choose combined with its direction.

I’ve also noticed that, sometimes when we are working in different breakpoints and change the direction of a section or container, the alligment icons don’t change to correspond to the selected direction (Check video below).

https://www.awesomescreenshot.com/video/18834427?key=d343f562355f371f9eca8b5301149540

Regarding the element bleeding out of a section / container, when we set its height on desktop to 100vh, it stays fine for tablet as well. But when we look at mobile (horiz. / normal) we need to change it to 100% to get it to work (Check video below).

https://www.awesomescreenshot.com/video/18834444?key=abe95d69a2d47f1bff5f4bc1edbcab95

Best regards,