Created a pretty simple 3 colum grid with nested flex boxes. In Elements it looks fine, but when I display it in a browser it’s messed up pretty good.
In Elements:
In Browser:
I discovered whats causing it, I’m just not sure why. You will notice the first box is displaying fine, that’s becuase I haven’t made “Pest Control near Macclenny” a link yet. When I turned that text into a link the browser moves the link out of the parent container.
I found what was causing the issue. I was double linking. I was linking the text, but I was also linking the parent flex column. It didn’t like that, once I remove the link from the parent flex column it displayed as expected.
1 Like
Yup, that’ll do it! You can’t link A href links. btw. It display okay in Elements as we run the editor through an “html cleaner” and it fixes the issue.
1 Like