Help me in solving HTMLPR10 problem

help
,
1

My issue

header {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}

body {
font-family: Avenir, sans-serif;
margin: 0;
padding: 0;
}

main {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}

img {
width: 100%;
height: auto;
}

table {
width: 100%;
border-collapse: collapse;
}

th, td {
padding: 10px;
text-align: left;
border: 1px solid #000000;
}

tr:hover {
background-color: #f5f5f5;
}

My code

// your code goes here
header {
    background-color: #333;
    color: white;
    padding: 10px;
}

body {
    font-family: Avenir, sans-serif;
    margin: 0;
    padding: 0;
}

main {
    max-width: 800px;
    margin: 0;
    padding: 20px;
}

img {
    width: 100%;
    height: auto;
} 

/* Solution as follows */

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 10px;
  text-align: left;
  border: 1px solid #000000;
}

tr:hover {
  background-color: #f5f5f5;
}

Learning course: Learn HTML / CSS
Problem Link: Project - Style Tables in HTML / CSS