From 10aa58a3ed3eb50403f519bf07f4d140b17900e0 Mon Sep 17 00:00:00 2001
From: Jenna Koslowski <jenna.koslowski@yahoo.com>
Date: Sun, 25 Oct 2020 21:08:15 -0400
Subject: [PATCH] edit for mobile and small screen readability

---
 app/src/components/bookcard.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/components/bookcard.js b/app/src/components/bookcard.js
index 597b7f8..9a35a68 100644
--- a/app/src/components/bookcard.js
+++ b/app/src/components/bookcard.js
@@ -26,7 +26,7 @@ const BookCard = ({ book }) => {
 	return (
 		<Card style={{ marginBottom: '15px' }}>
 			<Row>
-				<Col xs={12} md={4} xl={2}>
+				<Col xs={6} sm={6} md={4} xl={2}>
 					<Card.Img
 						style={{
 							paddingLeft: '15px',
@@ -37,7 +37,7 @@ const BookCard = ({ book }) => {
 						alt={book.title}
 					/>
 				</Col>
-				<Col xs={12} md={8} xl={10}>
+				<Col xs={12} sm={6} md={8} xl={10}>
 					<Card.Body>
 						<Card.Title>{book.title}</Card.Title>
 						<Card.Subtitle className="text-muted">