Summit Principles Not Aligned

Bug #1221833 reported by JoshuaStrobl
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
UDS Project
New
Undecided
Unassigned

Bug Description

On Firefox 23.0, Ubuntu 12.04.3, the "Summit Principles" modules, the ".page-home .row-principles li" to be exact, has a width of 419px. This causes the "modules" to have a width that is more than 50% of the .clearfix (ul[class="clearfix"]), when including the padding of 20px.

As a result, each consecutive module overflows on to a new line, forcing content below it and increases the height of the page (thereby requiring more scrolling and breaking the aesthetically pleasing design).

While this issue does seem to be isolated to Firefox (as I also tested it in Google Chrome and it rendered fine), it seems to affect resolves the following tested resolution (width x height):
1366x768
1280x1024

I have submitted a patch that resolves this issue (changes the width of the module from a fixed 419px to a percentage, 43%). You can apply this patch on the style.css found at http://bazaar.launchpad.net/~uds-organizers/uds-project/wordpress-theme/files

Screenshots:
Initial Screenshot of Issue - http://i.imgur.com/DoJTkLn.png
Second Screenshot With Fix - http://i.imgur.com/V2D6zIO.png

Revision history for this message
JoshuaStrobl (joshua.strobl) wrote :
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.