Help me in solving FASH09 problem

help
,
1

My issue

The code is correct but it shows error like “Did you add “Independence Day”, “30% 40%”, “10 August”, “18 August” inside the body of table with class=”“Sales-table” like this.
Can you please resolve this.

My code

	<header>
	    <div class="NavBar">
	        <a href="" id="navbar-title">
	            FASHION STORE
	        </a>
	    </div>
	</header>
	
	<main>
	    <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>
	    
	    <div class="Shopping-container">
	        <a href="">
	            <img src="https://cdn.codechef.com/download/Contest+images/ROTEST/shopingtime.jpeg" alt="shopping time" id="shopping-time-img">
	        </a>
	        <br>
	        <br>
	        <br>
	        
	        <!-- Update the code below this comment -->
	        
	        <h2>OUR UPCOMING SALES</h2>
	        <br>
	        
	        <table class="Sales-table">
	            <thead class="Sales-table-head">
	                <th class="Sales-table"> Festival</th>
	                <th class="Sales-table"> Discount</th>
	                <th class="Sales-table"> Starting Date</th>
	                <th class="Sales-table"> Ending Date</th>
	                
	            </thead>
	            <tbody>
	                <tr>
	                    <td class="Sales-table"> Independence Day</td>
	                    <td class="Sales-table"><strike>30%</strike> 40%</td>
	                    <td class="Sales-table"> 10 August</td>
	                    <td class="Sales-table"> 18 August</td>
	                </tr>
	                <tr>
                        <td class="Sales-table">Diwali</td>
                        <td class="Sales-table"><s>50%</s> 60%
                        </td>
                        <td class="Sales-table">
                            10 November
                        </td>
                        <td class="Sales-table">
                            21 November
                        </td>
                    </tr>
                    <tr>
                        <td class="Sales-table">
                            Christmas
                        </td>
                        <td class="Sales-table">
                            <s>35%</s> 50%
                        </td>
                        <td class="Sales-table">
                            20 December
                        </td>
                        <td class="Sales-table">
                            26 December
                        </td>
                    </tr>
                    <tr>
                        <td class="Sales-table">
                            New Year
                        </td>
                        <td class="Sales-table">
                            <s>60%</s> 75%
                        </td>
                        <td class="Sales-table">
                            30 December
                        </td>
                        <td class="Sales-table">
                            6 January
                        </td>
                    </tr>
	            </tbody>
	       </table>
	        
	    </div>
	</main>
</body>

Learning course: Projects using HTML / CSS
Problem Link: FS SALES TABLE HTML Practice Problem in Projects using HTML / CSS - CodeChef

2

Two things

  • You wrote <strike> tag, which I suppose it’s wrong because it is obsolete in HTML5
  • You didn’t not give proper space to “Diwali”. I don’t really know why this is wrong, but if you place every <td> this way, it marks is as correct:
<td class="Sales-table">
     Diwali
</td>

I’m not an HTML5 expert, but I’d recommend you to follow only tags and ways of HTML5 and not mix them up with others from other versions (even if it allows it to you). Web browsers behavior can be unpredictable if tags from different versions of HTML are combined.