-
Notifications
You must be signed in to change notification settings - Fork 1
/
MainParent.js
35 lines (33 loc) · 1.24 KB
/
MainParent.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import React, { Component } from "react";
export default class MainColumn extends Component {
render() {
return <div className="d-flex">{this.renderProps()}</div>;
}
renderProps = () => {
return (
<div className="row">
<div className="col">
<div className="card" style={{ width: "18rem" }}>
<h4 className="d-flex align-content-start">
FUSCE FRINGLLA
</h4>
<img
src={this.props.onImage}
className="card-img-top"
/>
<div className="card-body px-1">
<p className="card-text text-left p-0">
{this.props.title}
</p>
<div className="d-flex justify-content-start">
<button className="btn btn-dark m-0">
Read More
</button>
</div>
</div>
</div>
</div>
</div>
);
};
}