impove style
This commit is contained in:
		
							
								
								
									
										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;
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user