<div>
Thanks, Alicia! I got it to work! Thanks for your help!
</div>


Thanks, Alicia! I got it to work! Thanks for your help!

<div>
<div class="content wysiwyg-content">
I want the textbox that I've got on my page to shrink in size relative to the size of the browser so it's truly mobile friendly. Right now it's correct-ish. It gets to a certain width, and then it ceases to get any smaller. <br />
<br />
In addition, I want the text within the div to be nowrap and there to be a scroll bar at the bottom so the user can scroll over to the side to see the code rather than it getting all bunched up,<br />
<br />
The page is <a href="http://brucegust.com/eResume" rel="ugc">http://brucegust.com/eResume</a>.<br />
<br />
What do I need to change?<br />
<br />
Thanks!<a href="https://filedb.experts-exchange.com/incoming/2018/02_w05/1269161/Screen-Shot-2018-02-03-at-4.15.27-PM.png" target="_blank" title="screenshot (302 KB)"><img alt="screenshot" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/02_w05/800_1269161/Screen-Shot-2018-02-03-at-4.15.27-PM.png" /></a>
</div>
</div>


Screen-Shot-2018-02-03-at-4.15.27-PM.png

I want the textbox that I've got on my page to shrink in size relative to the size of the browser so it's truly mobile friendly. Right now it's correct-ish. It gets to a certain width, and then it ceases to get any smaller. 

In addition, I want the text within the div to be nowrap and there to be a scroll bar at the bottom so the user can scroll over to the side to see the code rather than it getting all bunched up,

The page is http://brucegust.com/eResume.

What do I need to change?

Thanks!

Need to get scrolling to occur and get div to shrink in size. How?

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.

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.