<table class="block-grid up-2" cellspacing="0">
<tr>
- <td style="background:red">
+ <td style="background:red;">
<p style="text-align: center;">one</p>
- </td><td style="background: pink;">
+ </td>
+ <td style="background: pink;">
<p style="text-align: center;">two</p>
</td>
</tr>
<table class="block-grid up-3">
<tr>
- <td style="background:red">
+ <td style="background:red;">
<p style="text-align: center;">one</p>
- </td><td style="background: pink;">
+ </td>
+ <td style="background: pink;">
<p style="text-align: center;">two</p>
- </td><td style="background:red">
+ </td>
+ <td style="background:red;">
<p style="text-align: center;">three</p>
</td>
</tr>
<table class="block-grid up-4">
<tr>
- <td style="background:red">
+ <td style="background:red;">
<p style="text-align: center;">one</p>
- </td><td style="background: pink;">
+ </td>
+ <td style="background: pink;">
<p style="text-align: center;">two</p>
- </td><td style="background:red">
+ </td>
+ <td style="background:red;">
<p style="text-align: center;">three</p>
- </td><td style="background: pink;">
+ </td>
+ <td style="background: pink;">
<p style="text-align: center;">four</p>
</td>
</tr>
<table class="block-grid up-5">
<tr>
- <td style="background:red">
+ <td style="background:red;">
<p style="text-align: center;">one</p>
- </td><td style="background: pink;">
+ </td>
+ <td style="background: pink;">
<p style="text-align: center;">two</p>
- </td><td style="background:red">
+ </td>
+ <td style="background:red;">
<p style="text-align: center;">three</p>
- </td><td style="background: pink;">
+ </td>
+ <td style="background: pink;">
<p style="text-align: center;">four</p>
- </td><td style="background:red">
+ </td>
+ <td style="background:red;">
<p style="text-align: center;">five</p>
</td>
</tr>