There seems to be an issue with the alignment of the content in my table, specifically the word 'second' is not sitting on the left as desired. Here's a snapshot for reference:
<section>
<p>Test Number 6 </p>
<table>
<tbody>
<tr>
<td class="statusBlank"></td>
<td>second</td>
<td>0000-00-00 00:00:00</td>
<td class="tightcell"><a href="#">Download</a>
</tr>
... additional table rows ...
</tbody>
</table>
<p>Final Project </p>
<table>
<tbody>
<tr>
<td class="statusBlank"></td>
<td>second</td>
<td>0000-00-00 00:00:00</td>
<td class="tightcell"><a href="#">Download</a>
</tr>
... additional table rows ...
</tbody>
</table>
</section>
I've also included the relevant SCSS code below:
/* ----TABLE STYLING---- */
... SCSS styles here ...
.statusBlank {
}
table tr td:nth-child(2) {
text-align:left;
}
.tightcell a {
margin-right:25px;
color: $secondary-color;
}
I seem to be missing something here, Any suggestions or insights would be greatly appreciated!
Thank you!