Skip to content

Commit

Permalink
.
Browse files Browse the repository at this point in the history
  • Loading branch information
julien-deramond committed Sep 12, 2024
1 parent 3501c75 commit c46b7bc
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions site/content/docs/0.0/helpers/stretched-link.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Multiple links and tap targets are not recommended with stretched links. However

<!--{{< example >}}
<div class="card" style="width: 18rem;">
{ {< placeholder width="100%" height="180" class="card-img-top" text="false" title="Card icon" >}}
{ {< placeholder width="100%" height="180" class="card-img-top" text="false" title="Card image cap" >}}
<div class="card-body">
<h5 class="card-title">Card with stretched link</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
Expand All @@ -24,7 +24,7 @@ Multiple links and tap targets are not recommended with stretched links. However
</div>
{{< /example >}}-->

Most custom components do not have `position: relative` by default, so we need to add the `.position-relative` to prevent the link from stretching outside the parent element.
Most custom components do not have `position: relative` by default, so we need to add the `.position-relative` here to prevent the link from stretching outside the parent element.

{{< example >}}
<div class="d-flex position-relative">
Expand Down Expand Up @@ -61,7 +61,7 @@ If the stretched link doesn't seem to work, the [containing block](https://devel

<!--{{< example >}}
<div class="card" style="width: 18rem;">
{ {< placeholder width="100%" height="180" class="card-img-top" text="false" title="Card icon" >}}
{ {< placeholder width="100%" height="180" class="card-img-top" text="false" title="Card image cap" >}}
<div class="card-body">
<h5 class="card-title">Card with stretched links</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
Expand Down

0 comments on commit c46b7bc

Please sign in to comment.