impove style
This commit is contained in:
parent
9d297fca7f
commit
65a2adafab
10
Book.py
10
Book.py
@ -9,9 +9,11 @@ class Book:
|
||||
def to_html(self) -> str:
|
||||
return f"""
|
||||
<tr>
|
||||
<td class="name">{self.name}</td>
|
||||
<td class="description">{self.description}</td>
|
||||
<td class="image"><img src="img/{self.image}"></td>
|
||||
<td class="review">{self.review}</td>
|
||||
<td class="image-div"><img src="img/{self.image}"></td>
|
||||
<td class="namedesc-div">
|
||||
<p class="name">{self.name}</p>
|
||||
<p class="description">{self.description}</p>
|
||||
</td>
|
||||
<td class="review-div">{self.review}</td>
|
||||
</tr>
|
||||
"""
|
37
style.css
37
style.css
@ -1,3 +1,40 @@
|
||||
body{
|
||||
background-color: #586e75;
|
||||
}
|
||||
|
||||
h1, #table {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#table {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
tr {
|
||||
max-height: 250px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: inherit;
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
.image-div {
|
||||
max-height: inherit;
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.namedesc-div {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
td {
|
||||
background-color: red;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-weight: bold;
|
||||
}
|
Loading…
Reference in New Issue
Block a user