I have been working on a site with a customized skin package, and have had to add custom modules (some third party, some from the extension inventory available to 7.* versions of DNN) to various portions of the site. Some of this has caused the layout to look slightly different in large screens down to smallest PC screens ( 1076) and in smaller viewports and devices (ipads, phones etc). I have tried to use percentages in CSS widths (for fluid - responsive display) and make certain pane/container items as static as possible (being in the same position on bigger resolutions to smaller) by not straying too far away from basic template layouts that are given me, but I get different positioning views still . Is there a good resource or group of resources anyone can recommend to make sites more responsive/keep the same elements intact as possible from bigger resolutions to smaller?
Thanks
Itchy

Hello, looks like i have encountered some issues with making sites that have been customized from a template package show well in smaller in mobile devices, certain panes inside containers that move around in different resolutions, though I am applying percentages in the widths tags that should be compatible to all screen sizes, but still i see differences in lower resolutions and smaller device resolutions, and i do have understanding of viewports , user_agent detection and such in responsive web design practices. Our pages have had a lot of custom modules inserted, also. Besides using chrome inspector and emulators to test with, are there any tools besides "View page in layout mode" when editing to use on DNN home.ascx skins .