[wp-meta] [Making WordPress.org] #462: Responsive fixes for wordpress.org/mobile

[Making WordPress.org]

#462: Responsive fixes for wordpress.org/mobile
----------------------+---------------------
Reporter:  nphaskins  |      Owner:
    Type:  defect     |     Status:  new
Priority:  normal     |  Component:  General
Keywords:             |
----------------------+---------------------
 If you visit wordpress.org/mobile there are some fixed widths in there
 that we can make look better on mobile. Here are some CSS fixes below for
 http://wordpress.org/mobile/ when below 480px viewport.

 Before CSS
 http://cl.ly/image/2A1t3w0n4230

 After CSS
 http://cl.ly/image/1U2d0p0r0m3x

 And here's the CSS to use:

 {{{
         // not sure if you want to jack with this but should really be
 reset on mobile
         .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
 .col-9, .col-10, .col-11, .col-12 {
                 float:none;
                 width:100%;
                 margin:0;
                 padding-left:15px;
                 padding-right:15px;
                 -webkit-box-sizing:border-box;
                 -moz-box-sizing:border-box;
                 box-sizing:border-box;
         }

         #books li {
                 padding:15px;
                 -webkit-box-sizing:border-box;
                 -moz-box-sizing:border-box;
                 box-sizing:border-box;
         }
         #books .image {
                 float: none;
                 margin: 0 auto;
                 border-right: none;
         }
         #books h3{
                 overflow:hidden;
         }
 }}}

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/462>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org