# Design breaks when adding a link

**URL:** <https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505>\
**Category:** RapidWeaver Elements\
**Created:** [February 27, 2025, 4:19pm UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505 "2025-02-27T16:19:17Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 27, 2025, 4:19pm UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/1 "2025-02-27T16:19:17Z")

</div>

Hi,

I am having a card with tags. In the video you can see the behavior when using it without a link. When I am adding a link the design breaks apart.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 27, 2025, 4:28pm UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/2 "2025-02-27T16:28:27Z")

</div>

@RussOggi255 … How did you know how my face looked? 🤣

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 27, 2025, 4:56pm UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/3 "2025-02-27T16:56:02Z")

</div>

Must be related to some inheritance. As long as the link is on a button or text it works. But when I use any other wrappers inside that tree it behaves weird.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 27, 2025, 6:13pm UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/4 "2025-02-27T18:13:08Z")

</div>

I’m not at my desk right now, so would have to double check when I’m back, but that looks like you have a link inside a link, which will break the layout.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 27, 2025, 6:27pm UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/5 "2025-02-27T18:27:32Z")

</div>

Good catch … yeah had the `Terms & Condition` inside. Not sure why that should break in the browser. But yeah does not make sense.

Rearranging fixed it.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 28, 2025, 7:26am UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/6 "2025-02-28T07:26:04Z")

</div>

> [@Beblebroks](#):
>
> Not sure why that should break in the browser.

It’s because the child `</a>` tag will close out the parent `<a>`, but then you have an additional `</a>` in the HTML which will break rendering of your layout.

```html
<a href="https://example.com">
    Click here
    <a href="https://another.com">
        Another link
    </a> <- this is closing the first anchor tag
</a> <- this is now "extra", and therefor breaks the layout in the browser.

```

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 28, 2025, 10:06am UTC](https://forums.realmacsoftware.com/t/design-breaks-when-adding-a-link/46505/7 "2025-02-28T10:06:48Z")

</div>

@ben,

it makes absolutly sense. I am just astonished that I never stompled over that in the past. But thats maybe because I always coded my html. And with elements because of the drag & drop, I missed the link in the typography in the footer.

Thanks

Short test with chrome. It autofixed the wrong code. Also weird.

 ![CleanShot 2025-02-28 at 18.05.02](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/8/683faabe65c2ea3e6e5e4e0d3e96c2aa0bc7b8a0.png)