- The design looks great on a 24-inch laptop, but on an 11-inch screen, the layout becomes distorted. The right column shifts down...
Below is my code:
<div class="row" style="margin-left: 325px;">
<div class="span12 pagination-centered" style="font-style: arial; font-size: 21px; color: #cc0000; margin-bottom: 20px; padding-top: 113px;">
Main Menu
</div>
<div class="span5" style="margin-left: 97px; width: 493px;">
<div class="melonhtml5_gallery">
<div data-caption="<a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px; color: grey;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px; color: grey;' >Labels</a&" data-image="http://www.defie.co/designerImages/inventoryControl.png"></div>
...
</div>
</div>
<div class="span5" style="margin-left: 65px; width: 493px;">
<div class="melonhtml5_gallery">
<div data-caption="" data-image="http://www.defie.co/designerImages/png/accPayable.png"></div>
...
</div>
</div>
</div>