Basic fix for WordPress.org sidebar hiding content at bottom on small and medium window sizes.

wordpress-dot-org-responsive-fixes.css

/**
 * Use with a user stylesheet plugin.
 * For example: https://chrome.google.com/webstore/detail/minimalist-for-everything/bmihblnpomgpjkfddepdpdafhhepdbek?hl=en-US
 * 
 * ## Minimalist Setup:
 *   Dashboard > Add Module > Edit
 *   Set @includes to: *wordpress.org*
 *   Add Option: Paste this file into "CSS"
 *   Save Changes
 */

/**
 * @todo Header image background-size
 * @todo Login menu positioning
 * @todo Pretty widget widths
 */
@media (max-width: 974px) {
  /* Content wrapper flexbox ordering */
  #pagebody > .wrapper {
    /* @see http://css-tricks.com/using-flexbox/ */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction:column;
    flex-direction:column;
  }
  /* Content */
  #pagebody > .wrapper > .col-10 {
    -webkit-box-ordinal-group: 1;  
    -moz-box-ordinal-group: 1;     
    -ms-flex-order: 1;     
    -webkit-order: 1;  
    order: 1;
    float:none;
    width: auto;
    max-width: 772px;
  }
  /* Sidebar */
  #pagebody > .wrapper > .col-2 {
    -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
    -ms-flex-order: 2;              /* TWEENER - IE 10 */
    -webkit-order: 2;               /* NEW - Chrome */
    order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
    float:none;
    width:auto;
  }

  /* Width Fixes */
  #pagebody > .wrapper > .col-10 .col-7,
  #pagebody > .wrapper > .col-10 .col-3,
  #pagebody > .wrapper .head,
  #pagebody > .wrapper .head-big {
   width: auto;   
  }
  #pagebody > .wrapper .head,
  #pagebody > .wrapper .head-big {
    height: auto;
  }
  #pagebody #plugin-description .shortdesc {
    width: auto;
    margin-bottom: 20px;
  }
  #plugin-description .description-right {
    width: 30%;
    min-width: 190px;
    float:right;
  }
  #sections li {
    float:left;
  }
}