update: responsive layout

This commit is contained in:
Rifqy Zacky Ariadhy
2019-01-29 16:45:35 +07:00
parent db0a0fc937
commit 7b4dfa2a66
2 changed files with 39 additions and 8 deletions

View File

@@ -56,7 +56,7 @@ export class CheckoutVouchers extends React.Component {
return (
<div className="checkout-parent">
<div className="row">
<div className="upper-card">
<Card>
<div className="">
<div style={{display:'flex',justifyContent:'center'}}>
@@ -74,7 +74,7 @@ export class CheckoutVouchers extends React.Component {
</div>
</div>
<div className="col s12 m7 l7">
<div style={{alignItems:'center', justifyContent: 'center'}}>
<div className={'right-container'}>
<Row>
<div className="col s12 m4">
<h3>Jenis Layanan</h3>
@@ -106,8 +106,8 @@ export class CheckoutVouchers extends React.Component {
</div>
</Card>
</div>
<div className="row">
<Card >
<div className="bottom-card">
<Card>
<div className="row">
<div style={{display:'flex',justifyContent:'space-between'}}>
<h3 style={{color:''}}>Point</h3>