<div>
I never specified orientation in the css. &nbsp;Do I need to specify that out? &nbsp;If I don't mention it, wouldn't it apply to both portrait and landscape?
</div>


I never specified orientation in the css.  Do I need to specify that out?  If I don't mention it, wouldn't it apply to both portrait and landscape?

<div>
Yes If you don't qualify a scope then it will apply at all orientations and resolutions.<br />
<br />
Cd&amp;
</div>


Yes If you don't qualify a scope then it will apply at all orientations and resolutions.

Cd&

<div>
<div class="content wysiwyg-content">
Is there a quick tweak I can do for the mobile site? &nbsp;When you view it in landscape, the right hand column images display and they should not. &nbsp;The image pushes site to the left which makes a wide black left border. &nbsp;On portrait view the right column image doesn't display which is what I want and site looks good<br />
<br />
I have this in the small css file. &nbsp;Do I need to qualify this for portrait and landscape?<br />
<br />
.img_border {display:none;}<br />
.img_noborder {display:none;} &nbsp;/* removes right column image from mobile site*/<br />
<br />
<a href="http://nsitedesigns.com/nsitedesigns/wrb/index.html" rel="ugc">http://nsitedesigns.com/nsitedesigns/wrb/index.html</a><br />
<a href="http://nsitedesigns.com/nsitedesigns/wrb/css/screen_layout_small.css" rel="ugc">http://nsitedesigns.com/nsitedesigns/wrb/css/screen_layout_small.css</a>
</div>
</div>


Is there a quick tweak I can do for the mobile site?  When you view it in landscape, the right hand column images display and they should not.  The image pushes site to the left which makes a wide black left border.  On portrait view the right column image doesn't display which is what I want and site looks good

I have this in the small css file.  Do I need to qualify this for portrait and landscape?

.img_border {display:none;}
.img_noborder {display:none;}  /* removes right column image from mobile site*/

http://nsitedesigns.com/nsitedesigns/wrb/index.html
http://nsitedesigns.com/nsitedesigns/wrb/css/screen_layout_small.css

landscape versus portrait image display problem

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Responsive Web

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.