vendredi 29 mai 2015

How to make a div proportionally fluid when scaling browser?

So I want to make my content a 2 Column layout div that fills up the whole "container". But I want the "335px X 250px" div to be resized proportionally when window is scaled up or down. Here's a sample image of how I want it to look like

enter image description here

How can I do this?

The JSFiddle link http://ift.tt/1FH7UTs

<body>
<div id="body-wrap">

<div id="mobilenav">
</div>


<div class="content-wrap">

    <div id="container">
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>        
    </div>

</div>




</div> <!-- end of Body Wrap -->
</body>




Aucun commentaire:

Enregistrer un commentaire