Center Slider in mobile

This commit is contained in:
Massimo Di Lullo 2019-09-01 22:29:17 -04:00
parent 810dc67dd4
commit a73ab5eb97
4 changed files with 36 additions and 29 deletions

File diff suppressed because one or more lines are too long

View File

@ -140,7 +140,7 @@
<h2>Compétitions</h2> <h2>Compétitions</h2>
<div class="border-seperator"></div> <div class="border-seperator"></div>
<div class="columns is-centered"> <div class="columns is-centered">
<div class="slider column is-three-fifths-tablet is-three-quarters-mobile"> <div class="slider column is-three-fifths-tablet is-four-fifths-mobile">
<div class="slider-item"> <div class="slider-item">
<img src="../../img/competitions/CreativeJam.png" alt="Logo Creative Jam"> <img src="../../img/competitions/CreativeJam.png" alt="Logo Creative Jam">
</div> </div>

View File

@ -257,7 +257,9 @@ section#competitions, section#partenaires {
} }
section#competitions { section#competitions {
.slider .slider { .slider {
margin: 0;
.slider {
overflow: hidden; overflow: hidden;
.slider-navigation-previous, .slider-navigation-next { .slider-navigation-previous, .slider-navigation-next {
@ -294,6 +296,7 @@ section#competitions {
} }
} }
} }
}
footer { footer {
margin-top: 4.5rem; margin-top: 4.5rem;

View File

@ -112,6 +112,10 @@
section#competitions, section#partenaires { section#competitions, section#partenaires {
padding: 2rem 0.5rem; padding: 2rem 0.5rem;
.slider.column {
margin-left: 10%;
}
.border-seperator { .border-seperator {
border-top-width: 2px; border-top-width: 2px;
} }