diff --git a/assets/css/styles.css b/assets/css/styles.css index d5ee6a5..3cd3dda 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -293,42 +293,13 @@ section { width: 76%; height: 300px; position: relative; - overflow: hidden; } #section-stranger-things-gallery .gallery-slider { display: flex; + flex-flow: row nowrap; gap: 50px; padding-left: 20px; - position: absolute; - width: 200%; -} - -.gallery-controls #control-prev, -.gallery-controls #control-next { - top: 45%; - position: absolute; - height: 40px; - border: 1px solid transparent; - background-color: var(--header-background-color); - color: var(--primary-color); - padding: 0.375rem 0.75rem; -} - -.gallery-controls #control-prev { - left: 0px; - transform: translate(2%); - - mask: var(--left-arrow-src) bottom / 100% no-repeat; - -webkit-mask: var(--left-arrow-src) bottom / 100% no-repeat; /*aplicação ao chrome */ -} - -.gallery-controls #control-next { - right: 0; - transform: translate(-20%); - - mask: var(--right-arrow-src) bottom / 100% no-repeat; - -webkit-mask: var(--right-arrow-src) bottom / 100% no-repeat; /*aplicação ao chrome */ } #section-stranger-things-gallery .gallery-image { diff --git a/assets/js/gallery.js b/assets/js/gallery.js index f0c5569..63c8ef1 100644 --- a/assets/js/gallery.js +++ b/assets/js/gallery.js @@ -8,10 +8,6 @@ function getImagesList() { 'img': 'assets/images/content/serie-image-02.png', 'alt': 'Imagem ilustrativa dos amigos de Eleven' }, - { - 'img': 'assets/images/content/serie-image-03.png', - 'alt': 'Imagem Eleven assustada' - }, { 'img': 'assets/images/content/serie-image-03.png', 'alt': 'Imagem Eleven assustada' diff --git a/index.html b/index.html index e216195..5c4918c 100644 --- a/index.html +++ b/index.html @@ -78,14 +78,7 @@

Stranger Things Vol. 4

A segunda série mais assistida da Netflix

- +