Code export don't appear like in the designer

Community resources Bugs
1

hey,
Iv’e design a website in webflow that has a BG line grid to it.
it all looks ok in the designer and when i publish it,
but when i export the code,The grid and the content are not aligned, and i couldn’t find any reason…

here is a link to the site:
https://preview.webflow.com/preview/selection-5eeb08?preview=581705c493eb12021b6a6893f96c451c

img of the export:

54
543210×1796 694 KB

any advice would be appreciated.

and

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

3

Hi @matanbe

Thanks for posting about this — it definitely looks like odd behavior.

I was able to see this behavior on my end and I’ve reported it to the team. We are looking into this now, hoping to resolve this issue as quickly as possible.

Thanks in advance for your help and patience; I’ll post back here when I have more information.

4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.

5

image
image1312×384 37.9 KB

In the export modal, we have a hidden “Minify HTML” option (which behind the scenes is actually “don’t beautify”). You have to press Control-O to see it. David Walsh explains why this is an issue here: Remove Whitespace Between Inline-Block Elements

Other potential fixes:

  • Set parent font-size to 0.
  • Use flexbox or grid on the lines parent, instead of inline-block on the line children.
3 Likes