Browse Source

Center text in buttons

gridify-service-cards
FiliusPatris 8 months ago
parent
commit
fc064fb282
Signed by untrusted user: TobTobXX GPG Key ID: 12AC3D4752E2FA2E
  1. 6
      index.html
  2. 10
      styles/services.css

6
index.html

@ -37,7 +37,7 @@
href="https://matrix.slashdev.space"
class="services__offers_card__button matrix-button"
>
Join here!
<p>Join here!</p>
</a>
<h1 class="services__offers__card__heading git-heading">
@ -50,7 +50,7 @@
href="https://git.slashdev.space"
class="services__offers_card__button git-button"
>
Set up your account!
<p>Set up your account!</p>
</a>
<h1 class="services__offers__card__heading boards-heading">Boards</h1>
@ -61,7 +61,7 @@
href="https://boards.slashdev.space"
class="services__offers_card__button boards-button"
>
Get agile!
<p>Get agile!</p>
</a>
</div>
</div>

10
styles/services.css

@ -34,16 +34,22 @@
.services__offers_card__button {
font-weight: 350;
background: black;
border: 0px;
border: 1px solid black;
color: white;
text-decoration: none;
padding: 0.6rem 2rem;
margin: 2rem 2.5rem;
transition: 0.2s;
display: flex;
align-items: center;
}
.services__offers_card__button > p {
margin: auto;
}
.services__offers_card__button:hover {
border: 1px solid black;
color: black;
background: white;
}

Loading…
Cancel
Save