My issue
I think I have done everything right, but I am still failing the test for setting width to 100%. I can see that width is applied and changing width value also has an effect on the element it is targeting, but still failing the test. Help!
My code
// your code goes here
// style.css
.Items {
padding-top: 15px;
padding-bottom: 15px;
}
#item-table {
width: 100%;
text-align: center;
}
//index.html
<div class="Items">
<table id="item-table">
<tbody>
<tr>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/tshirt.jpeg" alt="T-Shirts" class="Item-img">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/sunglasses.jpeg" alt="Sun Glasses" class="Item-img">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/shirts.jpeg" alt="Shirts" class="Item-img">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/shoes.jpeg" alt="Shoes" class="Item-img">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/pants.jpeg" alt="Pants" class="Item-img">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/perfume.jpeg" alt="Perfumes" class="Item-img">
</td>
</tr>
<tr>
<td>
<a href="" class="Item-tag">T-Shirts</a>
</td>
<td>
<a href="" class="Item-tag">Sun<br>Glasses</a>
</td>
<td>
<a href="" class="Item-tag">Shirts</a>
</td>
<td>
<a href="" class="Item-tag">Shoes</a>
</td>
<td>
<a href="" class="Item-tag">Pants</a>
</td>
<td>
<a href="" class="Item-tag">Perfumes</a>
</td>
</tr>
</tbody>
</table>
</div>
Learning course: Projects using HTML / CSS
Problem Link: FS FASHION OPTIONS CSS Practice Problem in HTML / CSS - CodeChef