Tweak the membership boxes

This commit is contained in:
2023-11-07 15:41:30 +00:00
parent d5de319fb1
commit ee526a43f5
2 changed files with 8 additions and 4 deletions

View File

@@ -237,8 +237,12 @@ address {
padding:2em 0; padding:2em 0;
} }
&-price {
line-height: 1;
}
&-description { &-description {
min-height: 180px; min-height: 120px;
} }
} }

View File

@@ -4,9 +4,9 @@
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<div class="box is-large hover-items"> <div class="box is-large hover-items">
<h3 class="is-size-4 has-text-weight-bold">{{ .name }}</h3> <h3 class="is-size-4 has-text-weight-bold">{{ .name }}</h3>
<div class="is-size-1 has-text-weight-bold">£{{ .price }}</div> <div class="is-size-1 has-text-weight-bold pricing-price">£{{ .price }}</div>
<div class="_is-block mt-1 is-size-6 has-text-weight-normal">{{ default "per month" .period }}</div> <div class="_is-block mt-1 is-size-7 has-text-weight-normal">{{ default "per month" .period }}</div>
<div class="content mt-5 pricing-description is-size-5"> <div class="content mt-5 pricing-description is-size-6">
<p>{{ .description }}</p> <p>{{ .description }}</p>
</div> </div>
<div class="content"> <div class="content">