Add grid item margins and sample text
This commit is contained in:
+23
-5
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user