Remove space !!

@CarlosWebWDDec 16.2019

Good morning !!

In the site of the below link, when I reduce the size in:

@media screen and (max-width: 900px)

Between the “Imagem 1” and the “below table” exist one space !! I trying to remove this space !!

[](http://terezanininha.com.br/Associa%C3%A7%C3%A3o%20Col%C3%A9gio%20Ramos%20Lopez/index.php)

Please somebody help
Thanks

to post a comment

CSS

@ib_mintDec 16.2019 — #> @CarlosWebWD#1611885 In the site of the below link, when I reduce the size in:
>
> @media screen and (max-width: 900px)
>
> Between the "Imagem 1" and the "below table" exist one space !! I trying to remove this space !!

Inside your @media query, remove float: none; declarations:

``<i>
 </i>@media screen and (max-width: 900px) {
 
 .imagem-curso {
 width: 100%;
 height: 200px;
 /*! float: none; */
 margin: 0px;
 }
 
 .cursos-metragem-dizeres {
 width: 100%;
 height: 150px;
 /*! float: none; */
 margin: 0px;
 font-size: 3vw;
 }
 }<i>
 </i>``

@HarshShahDec 19.2019 — #> @ib_mint#1611894 Inside your @media query, remove float: none; declarations:

Right !!

By this way, that space will remove but also border of the table will remove in @media screen and (max-width: 900px). so removing **float: none** will not work.

@HarshShahDec 19.2019 — #@CarlosWebWD#1611885

You need to set **float:left** to the both the tag <image> and <div class="cursos-metragem-dizeres"> in **@media screen and (max-width: 900px).**

So by doing this, space will remove and other properties will remain as it is.

Set **Float:left** to image:

[CODE]@media screen and (max-width: 900px)
 .imagem-curso {
 width: 100%;
 height: 200px;
 float: left;
 margin: 0px; [/CODE]

And set **float:left** to table div:

<i>
 </i>    @media screen and (max-width: 900px)
 .cursos-metragem-dizeres {
 width: 100%;
 height: 150px;
 float: left;
 margin: 0px;
 font-size: 3vw;

Try this. Hope This will help you.

Thank you.

@VITSUSADec 19.2019 — #Have you got the solution?

Remove space !!

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Remove space !!

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴