Yes, so the thing is that my relative styling works on backend and I can see it working in the editor, but when I go to the site, it’s like completely broken.
Thanks for the detailed report.
I’m sorry you’re having trouble with the Relative Styling.
While I can see the problems on your video, I can’t seem to see the blog section on the link you shared with us.
This would help since I can’t reproduce the issue on my side.
I’ve also experienced some inconsistency when using Relative Styling.
This happens when going with a more general approach instead of targeting specific classes.
I think this is mainly because the editor additionaly wraps block elements in separate containers so you are forced to be most specific when it comes to your target selector in some cases.
After checking out the live site, it seems that you have nested a link within a link which isn’t allowed in HTML (thus creating the error, the browser does its best to sort things out).
I think that by default, the parent div is wrapped inside a link which would explain why you’re experiencing this issue.
The blocks with IDs div-c7f7184 and div-c112aed and paragraph-c335f9b have the Link Wrapper option enabled. div-c7f7184 contains div-c112aed which contains paragraph-c335f9b. A linked element cannot contain a child link element.
So you will have to review the situation and choose which elements redirects to the post.