Help with this image does not fit the div

Question

Help with this image does not fit the div

Navigation

#1 by (0 votes)

0

I can not make this image fit this is the css code that I have. what is selected is the html code of the part where the image is

CSS

.login100-form-title {
  width: 100%;
  position: relative;
  height: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  background-size: contain;
  background-position: cover;
  padding: 70px 15px 74px 15px;
}

1 : link in bold

html css3

asked by Rogelio 16.05.2018 в 00:54

source

1 answer

How to use AJAX within a .PHP when importing data from a .CSV Get user id in Asp.Net

score 0 · Answer 1

you have an error with the property background-position , this property only accepts the following values: left, center, right, top, bottom , and for the image to take the total width of the div , you must replace the value of contain by cover in the property background-size :

background-size: cover;

And you can add this to center the image:

background-position: center;