Correction du centrage des boutons sur tout supports (a tester)
This commit is contained in:
parent
0290cce7eb
commit
4d4e3917f4
@ -89,16 +89,8 @@ div.hero-body {
|
||||
margin-right: env(safe-area-inset-right);
|
||||
}
|
||||
|
||||
.btn-centered div.column.hasContent {
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
.btn-centered .button+.button {
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
.btn-centered .button {
|
||||
min-width: 150px;
|
||||
.button {
|
||||
min-width: 155px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
10
css/main.css
10
css/main.css
@ -6980,14 +6980,8 @@ div.hero-body {
|
||||
margin-left: env(safe-area-inset-left);
|
||||
margin-right: env(safe-area-inset-right); }
|
||||
|
||||
.btn-centered div.column.hasContent {
|
||||
padding-left: 5%; }
|
||||
|
||||
.btn-centered .button + .button {
|
||||
margin-left: 80px; }
|
||||
|
||||
.btn-centered .button {
|
||||
min-width: 150px; }
|
||||
.button {
|
||||
min-width: 155px; }
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.button.is-fullw-mobile {
|
||||
|
62
index.html
62
index.html
@ -154,33 +154,41 @@
|
||||
<h2 class="subtitle">
|
||||
Vous pouvez me contacter de nombreuses façons !
|
||||
</h2>
|
||||
<div class="btn-centered">
|
||||
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
|
||||
<span class="icon">
|
||||
<i class="fab icon-envelope-open"></i>
|
||||
</span>
|
||||
<span>Email</span>
|
||||
</a>
|
||||
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
|
||||
target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-linke-square"></i>
|
||||
</span>
|
||||
<span>LinkedIn</span>
|
||||
</a>
|
||||
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-teleg"></i>
|
||||
</span>
|
||||
<span>Telegram</span>
|
||||
</a>
|
||||
<a class="button is-large is-fullw-mobile is-hidden-desktop" href="https://github.com/AdamasFR"
|
||||
target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-github-alt"></i>
|
||||
</span>
|
||||
<span>Github</span>
|
||||
</a>
|
||||
<div class="columns">
|
||||
<div class="column is-3 is-offset-2-desktop">
|
||||
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
|
||||
<span class="icon">
|
||||
<i class="fab icon-envelope-open"></i>
|
||||
</span>
|
||||
<span>Email</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-3">
|
||||
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
|
||||
target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-linke-square"></i>
|
||||
</span>
|
||||
<span>LinkedIn</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-3">
|
||||
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-teleg"></i>
|
||||
</span>
|
||||
<span>Telegram</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-3">
|
||||
<a class="button is-large is-fullw-mobile is-hidden-tablet" href="https://github.com/AdamasFR"
|
||||
target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-github-alt"></i>
|
||||
</span>
|
||||
<span>Github</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user