3
Hello,
I have a website that’s on the air. I know this doubt seems really silly, but I’m not finding what is causing a gap between Google Maps and my banner.
Website link: https://www.bmzveiculos.com.br/
The spacing is shown in the image.
If anyone can help me I’d appreciate it!
2
An image is an inline element, and it has some default properties of this type of box-model, if you want that space not appear and as your image is 100% of the width of the screen, just vc put a display:block in which solves.
This will solve the problem by adding the display:block in class .banner__two__image that you wear on the tag <img> banner.
.banner__two__image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
display: block; /* aqui */
}
See how you solved
0
you have the <div class="half__banner"> which contains the two divisions, the left the map and the right the car.
within the <div class="half__banner__map"> you have all the code presenting the map.
in the right you should have another div to divide the code in the correct way, but only one <a href....
Your code is with these division Ids.
Are you trying to say that my <a> must be inside a <div>? Why is that, because of display: block? I tested it and it didn’t work.
Connects in this class . half__banner>* { padding: 0; width: 50%; }
Try to leave width 100%
.half_banner>* { padding: 0; width: 100%; }
Browser other questions tagged html css
You are not signed in. Login or sign up in order to post.
Perfect. Thank you.
– Jhonny
@Jhonny no problem my dear!
– hugocsl
The amendment is already published (:
– Jhonny
@Jhonny seems to have really solved it! How nice that it worked out there!
– hugocsl