My issue
Task
In index.html, do the following below line 10:
add a main section
inside the main element, add a div element with class=“Items”
Now, inside our div element, we will be adding a table with 2 rows and 2 columns.
inside the div element, add a table element with id=“item-table”
Now, inside body of our table:
Create the first row of our table with 2 columns. Each column should have an img element with src and alt as mentioned below and class=“Item-img”.
src=“https://cdn.codechef.com/download/Contest+images/ROTEST/tshirt.jpeg” and alt=“T-Shirts”
src=“https://cdn.codechef.com/download/Contest+images/ROTEST/sunglasses.jpeg” and alt=“Sun Glasses”
Now, create the second row of our table with 2 columns. Each column should have an anchor element with href=“” class=“Item-tag” and it’s corresponding text as mentioned below:
T-Shirts
Sun
Glasses
Did you like the problem?
91 users found this helpful
index.html
style.css
index.js
Did you add the img element with src, alt as mentioned and class=“Item-img” ?
My code
// your code goes here
<body>
<header>
<div class="NavBar">
<a href="" id="navbar-title">
FASHION STORE
</a>
</div>
</header>
<!-- Update the code below this comment -->
<main>
<div class="Items">
<table id="item-table">
<tbody>
<tr>
<td>
<img src="httpscdn.codechef.com/download/Contest+images/ROTEST/tshirt.jpeg">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/sunglasses.jpeg">
</td>
</tr>
<tr>
<td>
<a href="" class="Item-tag">T-shirt</a> </td>
<td>
<a href="" class="Item-tag">Sun<br>Glasses</a>
</td>
</tr>
</tbody>
</table>
</div>
</main>
</body>
<body>
<header>
<div class="NavBar">
<a href="" id="navbar-title">
FASHION STORE
</a>
</div>
</header>
<!-- Update the code below this comment -->
<main>
<div class="Items">
<table id="item-table">
<tbody>
<tr>
<td>
<img src="httpscdn.codechef.com/download/Contest+images/ROTEST/tshirt.jpeg">
</td>
<td>
<img src="https://cdn.codechef.com/download/Contest+images/ROTEST/sunglasses.jpeg">
</td>
</tr>
<tr>
<td>
<a href="" class="Item-tag">T-shirt</a> </td>
<td>
<a href="" class="Item-tag">Sun<br>Glasses</a>
</td>
</tr>
</tbody>
</table>
</div>
</main>
</body>
Learning course: Projects using HTML / CSS
Problem Link: Table to list fashion items Practice Problem in Projects using HTML / CSS