How to leave DIV "Responsive"?

Navigation
1

I do not know almost anything about the,% advanced%

So I wanted to know how to make a CSS Well Responsive to div users. The deal is as follows:

I have Divs with some images, and MOBILE , for choosing details etc! These radios are only one size, which fits the screen of my notebook! But I want to make these divs fits well with the divs of the page on all devices!

My code looks like this: 

.selecao-bordas {

left: 300px; 
top: 150px; 
width: 715px; 
height: 100px;
overflow: auto;

}

.selecao-details {

left: 300px; 
top: 150px; 
width: 715px; 
height: 200px;
overflow: auto;

}
<form>
    <br>
    Bordas
    <div class="selecao-bordas">
        <?php include("bordas.php"); ?>
    </div>
						
    <br>
    Detalhes
				
    <div class="selecao-details">
        <?php include("detalhes.php"); ?>
    </div>
								
    <br>
    Nível do Clã
				
    <?php include("clanlevel.php"); ?>
				
</form>

A print of how it looks on the page:

link

So it stays when the screen goes down:

link

    
asked by anonymous 28.10.2016 / 23:15

1 answer

1

I think that's enough. 

.selecao-bordas, .selecao-details {
    overflow: auto;
}
.content {
    display: inline-block;
}


<div class="container">
    <form>
        <br>
        Bordas
        <div class="selecao-bordas col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="content">
                <?php include("bordas.php"); ?>
            </div>
        </div>

        <br>
        Detalhes

        <div class="selecao-details col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="content">
                <?php include("detalhes.php"); ?>
            </div>
        </div>

        <br>
        Nível do Clã

        <?php include("clanlevel.php"); ?>

    </form>
</div>
    
28.10.2016 / 23:41
Problem with login in laravel 5.3 Reactjs running on apache