Stats preview card component

Community feedback

• 

  Leandro Arguello•310

  @McLeandroExpPosted over 2 years ago

  1.La linea morada que mencionas es en realidad el backgound color que le aplicas al div de clase "section-header", contenedor de la imagen, y para que no aparezca segun vi hay dos formas: a. Dandole un display block a la imagen y aplicandole un height del 100% .section-header-image { width: 100%; border-radius: 8px 8px 0 0; opacity: .5; display: block; height: 100%; } b. Esa o en el propio section header dejando el height de 240px, que me parece que esta comentado 2. Para cambiar la imagen segun el ancho de la pantalla se me ocurre hacerlo via javascript, cambiando el atributo src de la imagen,segun el ancho de la pantalla o si quieres hacerlo via css, no usarias un elemento img, puedes hacerlo directamente en el div "section-header", con la propiedad background-image: url(....), para posteriormente, usando media queries cambiar dicha propiedad

  Marked as helpful

  0