fix <div> inside <p> warning
This commit is contained in:
@@ -8,7 +8,7 @@ const BookCard = ({ book }) => (
|
|||||||
<img class="w-full" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1414347376l/18050143.jpg" alt="Sunset in the mountains" />
|
<img class="w-full" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1414347376l/18050143.jpg" alt="Sunset in the mountains" />
|
||||||
<div class="px-6 py-4">
|
<div class="px-6 py-4">
|
||||||
<div class="font-bold text-xl mb-0">{ book.title }</div>
|
<div class="font-bold text-xl mb-0">{ book.title }</div>
|
||||||
<p className="text-gray-700 font-bold text-base mb-1">
|
<div className="text-gray-700 font-bold text-base mb-1">
|
||||||
<span className="mr-2 align-middle">{ book.year }</span>
|
<span className="mr-2 align-middle">{ book.year }</span>
|
||||||
<StarRatings
|
<StarRatings
|
||||||
rating={ parseFloat(book.rating) }
|
rating={ parseFloat(book.rating) }
|
||||||
@@ -17,7 +17,7 @@ const BookCard = ({ book }) => (
|
|||||||
starSpacing="1px"
|
starSpacing="1px"
|
||||||
starRatedColor="#fa604a"
|
starRatedColor="#fa604a"
|
||||||
/>
|
/>
|
||||||
</p>
|
</div>
|
||||||
<p class="text-gray-700 text-base">
|
<p class="text-gray-700 text-base">
|
||||||
{ book.author }
|
{ book.author }
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user