Tablet Screens</td>
                    </tr>
                    <tr>
                      <td><code>@bp-mobile</code></td>
                      <td>Screen and (max-width: 47.9375rem)</td>
                      <td>Mobile Screens</td>
                    </tr>
                  </tbody>
                </thead>
              </table>
            </div>
            <hr />
            <h1>Hide Elements</h1>
                <p>
                  Sometimes you need to hide/show content for different viewport