lib/Mind-Expanding-Books
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit for mobile and small screen readability

Browse Source
This commit is contained in:
Jenna Koslowski
2020-10-25 21:08:15 -04:00
committed by Vishnu Ks
parent faa40a2130
commit 10aa58a3ed
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/components/bookcard.js
View File

@@ -26,7 +26,7 @@ const BookCard = ({ book }) => {
return ( return (
<Card style={{ marginBottom: '15px' }}> <Card style={{ marginBottom: '15px' }}>
<Row> <Row>
<Col xs={12} md={4} xl={2}> <Col xs={6} sm={6} md={4} xl={2}>
<Card.Img <Card.Img
style={{ style={{
paddingLeft: '15px', paddingLeft: '15px',
@@ -37,7 +37,7 @@ const BookCard = ({ book }) => {
alt={book.title} alt={book.title}
/> />
</Col> </Col>
<Col xs={12} md={8} xl={10}> <Col xs={12} sm={6} md={8} xl={10}>
<Card.Body> <Card.Body>
<Card.Title>{book.title}</Card.Title> <Card.Title>{book.title}</Card.Title>
<Card.Subtitle className="text-muted"> <Card.Subtitle className="text-muted">