Tables are frowned upon, but sometimes you absolutely need to use them in rare situations. Foundation has a default styling for tables. Let's give it a try. On or around line 289, let's insert the following code:
<div class="row"> <table> <thead> <tr> <th>Header</th> <th>Header</th> </tr> </thead> <tbody> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr> <td>Col 1</td> <td>Col 2</td> </tr> </tbody> </table> </div>
You will notice that we are just putting the table in a row
div to contain the table to our grid, but not worrying about specifying how many columns it will use at different screen sizes. This is because our table is small and tables work terribly on a small screen. Zurb has created a responsive tables add-on that is not...