html5 - Why my responsive layout doesn't work? CSS issue, float: none; seems not be working -


i'm trying make layout responsive media queries, when scale down browser elements float left.

why float: none; not work here? right way of fixing it?

thank in advance. 

.row { width: 100%; max-width: 940px; min-width: 320px; margin: 0 auto; } @media screen , (max-width: 960px) { .row { padding: 0 20px; } }  .row .row { min-width: 0px; } @media screen , (max-width: 960px) { .row .row { padding: 0; } }  .column, .columns { margin-left: 2.12766%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  .column:first-child, .columns:first-child, .alpha { margin-left: 0px; }  .row .six.columns { width: 48.93617%; margin-bottom:20px;}   @media screen , (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }   .container { min-width: 0; margin-left: 0; margin-right: 0; }   .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }   .row .row .column, .row .row .columns { padding: 0; }   .row .centered { margin: 0 !important; }   .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }   .column:last-child, .columns:last-child { margin-right: 0; float: none; } 
<div class="row">             <div class="six columns inline">                 <div class="services-box services-box-animated">                     <div class="inner">                      <div class="front">                          <img src="img/evolution2.png" id="evolution"/>                           <h4>discovery</h4>                      </div>                      <div class="back">                           <p>whatever goes here.</p>                      </div>                     </div>                </div>         </div>              <div class="six columns inline">                     <div class="services-box services-box-animated">                     <div class="inner">                          <div class="front">                          <img src="img/evolution2.png" id="evolution"/>                           <h4>discovery</h4>                      </div>                      <div class="back">                           <p>whatever goes here.</p>                      </div>                     </div>                </div>             </div> <!--third div goes here-->              </div>


Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria...
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w...
Read more