4X3 Grid

4X3 Grid Layout

David Hall
Written by David HallLast update 1 year ago
<meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />
<title>My App Home Screen</title>
<style><!--
body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    #button-table {
      margin: 0 auto;
      max-width: 900px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      border-collapse: collapse;
      border: none;
    }
    #button-table td {
      width: 25%;
      height: auto;
      padding: 0;
      border: none;
    }
    #button-table img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    #button-table span {
      display: block;
      font-size: 12px;
      margin-top: 5px;
    }
--></style>
<table id="button-table">
<tbody>
<tr>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>About Us</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Contact Us</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Services</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Portfolio</span></td>
</tr>
<tr>
<td colspan="4"><span></span></td>
</tr>
<tr>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Products</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Blog</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>FAQs</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>About</span></td>
</tr>
<tr>
<td colspan="4"><span></span></td>
</tr>
<tr>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Support</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Support</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Support</span></td>
<td><img src="https://storage.googleapis.com/gs.appbuild.io/apps/bizappsc/images/org/letter16811376579363.png" /> <span>Support</span></td>
</tr>
</tbody>
</table>

Did this answer your question?