12. Styling with CSS

What’s wrong with my code?

https://www.codecademy.com/courses/learn-html-tables/lessons/tables/exercises/table-css?action=lesson_resume&course_redirect=learn-html

body {
background: #EEE;
margin: 0;
padding: 0;
}

/* Navigation */

.navigation {
box-sizing: border-box;
background-color: #3587A4;
overflow: auto;
padding: 18px 50px;
position: relative;
top: 0;
width: 100%;
z-index: 999;
}

ul {
padding: 0;
margin: 0;
}

li {
color: #FFF;
display: inline-block;
font-family: ‘Oxygen’, sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 2px;
margin: 0;
padding: 20px 18px 10px 18px;
text-transform: uppercase;
}

.active {
color: #88CCF1;
}

/* Table */

table {
height: 40%;
left: 10%;
margin: 20px auto;
overflow-y: scroll;
position: static;
width: 80%;
}

thead th {
background: #88CCF1;
color: #FFF;
font-family: ‘Lato’, sans-serif;
font-size: 18px;
font-weight: 100;
letter-spacing: 2px;
text-transform: uppercase;
}

tr {
background: #f4f7f8;
border-bottom: 1px solid #FFF;
margin-bottom: 5px;
}

th, td {
font-family: ‘Lato’, sans-serif;
font-weight: 400;
padding: 20px;
text-align: left;
width: 33.3333%;
}

.search {
background-color: #FFF;
border: 1px solid #DDD;
border-radius: 3px;
color: #AAA;
padding: 20px;
margin: 50px auto 0px auto;
width: 77%;
}

Thanks so much in advance for your help!

The above selector rule applies to both table headings and table data. Insert the property in this one, and remove it from wherever else you inserted it.

1 Like

Great! Thank you so much!

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.