How do I undo a height assigned to a div?

Question

How do I undo a height assigned to a div?

Navigation

#1 by (1 votes)

1

I'm using bootstrap and this is my css:

.painel-altura{
    height: 540px;
}

@media (min-width: 630px) {

}

I would like to undo this height and leave it the size before 540px. I'm trying to use @media but I do not know how to do it! Within each img tag is associated an image, with exactly 252 X 252.

     <div class="row slideanim">
                    <div class="col-sm-6 col-xs-12">
                        <div class="panel panel-default text-center painel-altura">
                            <div class="panel-heading bg-cor-panel-blue">
                                <h1>Recicle....</h1>
                            </div>
                            <div class="panel-body">
                                <img src="../img/icones/recycled.png" class="img-responsive centralizar">
                            </div>
                            <div class="panel-footer">
                                <p><strong>xxxx xxxxx xxxxxxxx x x xxxx  xxxx   xxxxxxxxxxxx xxxxx  xxxxx  xxx xxx</strong></p>
                            </div>
                        </div>      
                    </div>     
                    <div class="col-sm-6 col-xs-12">
                        <div class="panel panel-default text-center">
                            <div class="panel-heading bg-cor-panel-blue">
                                <h1>Substitua o alumínio</h1>
                            </div>
                            <div class="panel-body">

                                <img src="../img/icones/container.png" class="img-responsive centralizar">
                            </div>
                            <div class="panel-footer">
                                <p><strong>xxxx xxxxx xxxxxxxx x x xxxx  xxxx   xxxxxxxxxxxx xxxxx  xxxxx  xxx xxx
                                    xxxx xxxxx xxxxxxxx x x xxxx  xxxx   xxxxxxxxxxxx xxxxx  xxxxx  xxx xxxx
                                    xxxx xxxxx xxxxxxxx x x xxxx  xxxx   xxxxxxxxxxxx xxxxx  xxxxx  xxx xxx
                                    xxxx xxxxx xxxxxxxx x x xxxx  xxxx   xxxxxxxxxxxx xxxxx  xxxxx  xxx xxx
                                    xxxx xxxxx xxxxxxxx x x xxxx  xxxx   xxxxxxxxxxxx xxxxx  xxxxx  xxx xxx
                                    </strong></p>
                            </div>
                        </div>      
                    </div>
   </div>

html css bootstrap-3

asked by anonymous 07.02.2017 / 20:43

1 answer

Upload and view PDF's Django admin How to save data from a form automatically?

score 1 · Answer 1

I do this as follows:

div{
height:700px;
width:700px;
border:1px solid black;
}
@media(max-width:480px){
  div{
    height:250px;
    width:250px;
  }
}

<div>Sua div</div>

So when screen size is less than 480px the media rule will be applied.

To see the effect click on whole page mode and resize your screen.

Anything says agent fits.