Top Handy CSS tricks for Responsive web design

Started by charlesth, June 13, 2012, 07:58:09 AM

charlesth

Day by Day usage of smart phones and tablets are increased for net surfing, with these trend web designers and developers are also has to upgrade their skills to fulfill customers' needs and provide them result according to web device.
Here we provide some points to make design responsive that we have get from webdesignerwall.com and found it useful.

Relative Values:  In Responsive web design; understanding how to use relative value can give you best CSS output and good layout result like relative margin, relative font size and relative padding.

-   Relative Margin: Always left margin use for threaded comments. Prefer to use percentage value to place out the sub lists instead of using fixed pixel value.

-   Relative Font Size: With the font size, line-height and margin spacing also can matter with relative value, for an example if you change the font size in small elements it make simply change the font size on the main element also.

-   Relative Padding:  There are two type of relative padding one is fixed pixel padding and another is percentage padding both are opposed than each other. Use of Fixed pixel padding shows an unbalanced padding space while using percentage padding you can cover maximum content with low space.

Share your views on same