betavine redesigned (Redesign of: Betavine Mobile) by Leodes
original
By member: LeodesOn: 20-4-2008"Layout:
Taking the given elements on the current page I tried to make the whole visual appearance more appealing, keeping it as simple as possible. The second image shows that even on the smallest display sizes the layout still looks good.
Code:
Using the CSS float property all elements will automatically align to the display size of the visitor's mobile device. For devices that don't support floating, all elements should be wrapped in div or p tags, that way they will create line breaks and the design stays fully functional.
Important Note on the current coded page:
By removing redundant whitespace and line breaks, as well as unnecessary code comments I was able to reduce file size of the html page by over 60%."