<div>
I added it all to my existing media query and it worked fine. &nbsp;Thanks for the help.
</div>


I added it all to my existing media query and it worked fine.  Thanks for the help.

<div>
You're welcome. Glad to help.
</div>


<div>
<div class="content wysiwyg-content">
I have a css table that I need to spread wider on normal screen sizes and have a line separating each recipe. &nbsp;I need it responsive on normal screens down to phone size. &nbsp;It works great at least until you get to a tablet or phone size. &nbsp;You can see it in action at <a href="http://www.theherbsplace.com/content/177-Essential_Oil_Recipes_For_Specific_Health_Issues_sp_178" rel="ugc">http://www.theherbsplace.com/content/177-Essential_Oil_Recipes_For_Specific_Health_Issues_sp_178</a><br />
<br />
<br />
This is the specific block I am speaking of but I couldn't get the whole table in the screenshot.<br />
<a href="https://gyazo.com/a9fa80776539a6a40e76e23a52fb4cb4" rel="ugc">https://gyazo.com/a9fa80776539a6a40e76e23a52fb4cb4</a><br />
<br />
When I make the screen smaller it doesn't become responsive like the rest of the site. &nbsp; I would like it to be both responsive and have the tap targets correct. &nbsp;Google is saying they don't pass.
</div>
</div>


I have a css table that I need to spread wider on normal screen sizes and have a line separating each recipe.  I need it responsive on normal screens down to phone size.  It works great at least until you get to a tablet or phone size.  You can see it in action at http://www.theherbsplace.com/content/177-Essential_Oil_Recipes_For_Specific_Health_Issues_sp_178


This is the specific block I am speaking of but I couldn't get the whole table in the screenshot.
https://gyazo.com/a9fa80776539a6a40e76e23a52fb4cb4

When I make the screen smaller it doesn't become responsive like the rest of the site.   I would like it to be both responsive and have the tap targets correct.  Google is saying they don't pass.

Need To Make Content Responsive

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.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Content management (CM) is a set of processes and technologies that supports the collection, managing, and publishing of information in any form or medium. When stored and accessed via computers, this information may be more specifically referred to as digital content, or simply as content. Digital content may take the form of text (such as electronic documents), multimedia files (such as audio or video files), or any other file type that follows a content lifecycle requiring management.

Content Management

Electronic commerce (e-commerce) is the trading in products or services using computer networks, such as the Internet. E-commerce draws on technologies such as mobile commerce, electronic funds transfer (EFT), supply chain management, online transaction processing, electronic data interchange (EDI), inventory management systems, and automated data collection systems. Use this topic to discuss online shopping carts, online marketplaces, and e-commerce platforms.