1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-16 11:04:30 +02:00

Add centering layout

This commit is contained in:
Phuoc Nguyen
2019-11-15 14:41:28 +07:00
parent 53e799baf4
commit 2dd52cf6dd
5 changed files with 62 additions and 2 deletions

View File

@@ -0,0 +1,18 @@
import React from 'react';
const BrowserFrame = ({ children }) => {
return (
<div className="br2 ba b--black-20">
<div className="flex pa3 bb b--black-20 items-center">
<div className="br-100 mr1 w1 h1 bg-red" />
<div className="br-100 mr1 w1 h1 bg-gold" />
<div className="br-100 mr1 w1 h1 bg-red" />
</div>
<div style={{ height: '512px' }}>
{children}
</div>
</div>
);
};
export default BrowserFrame;