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:
|
def to_html(self) -> str:
|
||||||
return f"""
|
return f"""
|
||||||
<tr>
|
<tr>
|
||||||
<td class="name">{self.name}</td>
|
<td class="image-div"><img src="img/{self.image}"></td>
|
||||||
<td class="description">{self.description}</td>
|
<td class="namedesc-div">
|
||||||
<td class="image"><img src="img/{self.image}"></td>
|
<p class="name">{self.name}</p>
|
||||||
<td class="review">{self.review}</td>
|
<p class="description">{self.description}</p>
|
||||||
|
</td>
|
||||||
|
<td class="review-div">{self.review}</td>
|
||||||
</tr>
|
</tr>
|
||||||
"""
|
"""
|
37
style.css
37
style.css
@ -1,3 +1,40 @@
|
|||||||
body{
|
body{
|
||||||
background-color: #586e75;
|
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