Correction Alignements Boutons en Tablette/Desktop

This commit is contained in:
Anthony Dumas 2019-03-26 10:39:12 +00:00
parent dc747051fb
commit 4c61889079
3 changed files with 31 additions and 11 deletions

View File

@ -102,5 +102,14 @@ section#contact .button {
}
.displayOnlyOnPrint {
display: none;
display:none;
}
#buttonsUnderPhoto a {
padding-left: 16px;
padding-bottom:0;
}
#photosAndButtons .media-content p + p {
margin-top:-16px;
}

View File

@ -7029,3 +7029,10 @@ section#contact .button {
.displayOnlyOnPrint {
display: none; }
#buttonsUnderPhoto a {
padding-left: 16px;
padding-bottom: 0; }
#photosAndButtons .media-content p + p {
margin-top: -16px; }

View File

@ -42,7 +42,7 @@
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="buttons are-large ">
<p id="buttonsUnderPhoto" class="buttons are-large ">
<a class="button" rel="noopener" href="https://github.com/AdamasFR"
target="_blank">
<span class="icon is-large">
@ -62,7 +62,7 @@
</span>
</a>
</p>
<p class="buttons are-large">
<p id="boutonCV" class="buttons are-large">
<a class="button is-fullwidth" rel="noopener"
href="./asset/anthony-dumas-cv.pdf" target="_blank">
<span class="icon">
@ -169,10 +169,12 @@
<div class="tile">
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
<a href="//adamas.dev" target="_blank" rel="noopener">
<p class="title">adamas.dev</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</a>
</article>
</div>
</div>
@ -181,10 +183,12 @@
<div class="tile">
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
<a href="https://prezi.com/m/o8ey8mmpnkvp/" target="_blank" rel="noopener">
<p class="title">IOT @ Michelin</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</a>
</article>
</div>
</div>