Tell us what’s happening:
/* General styles */
body {
font-family: Arial, sans-serif;
padding: 20px;
background-color: #f5f5f5 ;
}
h1 {
text-align: center;
margin-bottom: 20px;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 10px;
text-align: center;
border: 1px solid #ccc ;
}
/* Make all spans inline-block */
span {
display: inline-block;
}
/* Row background gradients using attribute selectors */
tr[class=“read”] {
background-image: linear-gradient(to right, #b2fab4 , #8cf
Your code so far
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36
Challenge Information:
Build a Book Inventory App - Build a Book Inventory App
ILM
January 17, 2026, 9:15am
2
Please Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!
ILM
January 17, 2026, 9:15am
3
Hey there,
Please update the message to include your code. The code was too long to be automatically inserted by the help button.
When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
system
Closed
February 14, 2026, 9:15am
4
This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.