Responsive

On this page an example from each shortcode group is first forced to fit in a narrow area (about 280px, which is even narrower than the smallest mobile phone screen width) in Table 1 and then the same shortcode is let to fill the whole content width (about 840px) in Table 2. This demonstration shows responsive feature of the shortcode outputs.

Please note that WP BASe is not only responsive, but it can also be configured to generate a completely different output for mobile devices (tablets can be included). You can test this by connecting to this website with a mobile phone or you can check <a href="http://demo.wp-base.com/mobile-specific-display/">this page</a> for examples.
<h4>Table 1</h4>
<table class="app-responsive">
<tbody>
<tr>
<td>[app_monthly_schedule]</td>
<td>[app_schedule]
[app_schedule add=1]</td>
<td>[app_book_table columns="date_time, button" range="5"]</td>
</tr>
<tr>
<td>[app_book_flex mode="1"]</td>
<td>[app_book_flex mode="6"]</td>
<td>[app_list status="completed"]</td>
</tr>
</tbody>
</table>
<h4>Table 2</h4>
<table class="app-responsive">
<tbody>
<tr>
<td>[app_monthly_schedule]</td>
</tr>
<tr>
<td>[app_schedule]
[app_schedule add=1]</td>
</tr>
<tr>
<td>[app_book_table range="5"]</td>
</tr>
<tr>
<td>[app_book_flex mode="1"]</td>
</tr>
<tr>
<td>[app_book_flex mode="6"]</td>
</tr>
<tr>
<td>[app_list status="completed"]</td>
</tr>
</tbody>
</table>