Add grid item margins and sample text

This commit is contained in:
2018-07-25 19:34:56 -06:00
parent fcae4371e6
commit 1bc64552c0
6 changed files with 52 additions and 9 deletions
+23 -5
View File
@@ -1,15 +1,33 @@
import React from 'react';
import './Grid.css';
import logo from './logo.png';
import GridItem from './GridItem';
class Grid extends React.Component {
render() {
return (
<div className='grid-container'>
<div className='grid-item'>test</div>
<div className='grid-item'>test</div>
<div className='grid-item'>test</div>
<div className='grid-item'>test</div>
<div className='grid-item'>test</div>
<GridItem>
<img src={logo} className="Home-logo" alt="logo" />
<p>Links</p>
<p>Links</p>
<p>Links</p>
<p>Links</p>
<p>Links</p>
</GridItem>
<GridItem>
<h1>Project 1</h1>
</GridItem>
<GridItem>
<h1>Project 2</h1>
</GridItem>
<GridItem>
<h1>Project 3</h1>
</GridItem>
<GridItem>
<h1>Project 4</h1>
</GridItem>
</div>
);
}