1. If I want to add additional CSS (specifically related to resonive design), is there anything in particular I need to know?
For my site, I want the #column-wrap and #sidebar-wrap (one sidebar right layout) to be responive, but I also want the clean look and feel of a justified main content column - where the text is justified and the same (well, as close as possible) width as all my 550px images. This way, there's a pretty, nice and neat content column where everything "lines up" so to say.
In order to acheive this look, while maintaining the capability of responding to different browsers and devices, I've realized that using a fixed pixel width (such as width: 550px or max-width: 550px) is not the best option because it limits my design.
As of right now I'm using the following for my global layout (just to give you a background) of what I've already got behind the site:
1 (continued from above) I'm using the following css to add my own responsive instructions:
but it actually eneded up overriding my other ".hentry .hentry-pad" css that's in the previous chunk of code. Is there a certain way I should be writing the css so it ONLY "comes alive" (haha) when viewed from a device? (@media screen,, or whatever yall call it in your LESS...)
2. I don't want my .hentry CSS to restrict me from having full width content layouts on other pages of my site......if that makes sense?
3. The following CSS is used to undeo the mess I made by using absolute positioning in order to vertically align my nav bar with my branding image:
I think this css (contrary to my hentry responsive css) actually works. Is this the best way to do this? Any thoughts?
4. Also, I don't want this to happen (tried to attach image - but just image column main with padding on right when viewing via iPhone/phone). I still want my "columb-wrap" to be 100% when viewing from other devices. I don't know what this margin/padding is here? I can't figure it out. (also indicated by the fact that there's a scroll bar....wouldn't be there if content was 100% - right?)
thank you in advance!!!!!