Tell us what’s happening:
Your code so far
<head>
<title>new table</title>
<style>
table{
width: 100%;
border-spacing: 5px;
}
table,th,td{
background-color: #fff;
border-collapse: collapse;
border: 1px solid black;
text-align: left;
padding: 15px;
margin: 10px block;
}
table#t01 tr:nth-child(even) {
background-color: green;
}
th{
background-color: black;
color: white;
}
dl{
text-align: center;
}
</style>
</head>
<body>
<table id="t01">
<tr>
<th>FIRST NAME</th>
<th>SECOND NAME</th>
<th>AGE</th>
</tr>
<tr>
<td>SAURAV</td>
<td>DATTA</td>
<td>50</td>
</tr>
<tr>
<td>MONISHA</td>
<td>DATTA</td>
<td>50</td>
</tr>
<tr>
<td>ATMODIPTA</td>
<td>DATTA</td>
<td>50</td>
</tr>
<tr>
<td>SHUVO</td>
<td>DATTA</td>
<td>50</td>
</tr>
</table>
<dl >
<dt>COFFEE</dt>
<dd>-Black hot drink</dd>
<dt>MILK</dt>
<dd>-white cold drink</dd>
</dl>
</body>
</html>
Your browser information:
Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
.
Link to the challenge:
https://www.freecodecamp.org/challenges/say-hello-to-html-elements