Skip to content

Instantly share code, notes, and snippets.

@yowchun93
Last active June 24, 2019 07:00
Show Gist options
  • Save yowchun93/f1390024e7e2698c725edffb1237946a to your computer and use it in GitHub Desktop.
Save yowchun93/f1390024e7e2698c725edffb1237946a to your computer and use it in GitHub Desktop.
Github Repos Grid
19 June 2019
1. Create ReposGrid Component
2. For every object found in repos , create a list which displays the content
3. Also use font-awesome, to create the labels
A few questions:
1. Does the ul, and React Fragment still stay inside Popular component? or should be moved to RepoGrid?
Basically using composition / or whatever that means.
What have i done so far?
CSS
.grid {
display: flex
flex-wrap: wrap
}
// Check out what this does
.space-around {
justify-content: space-around
}
// i think this gives space
.card {
margin: 10px 0;
width: 250px;
padding: 20px;
}
<ul className='grid'>
<li>
<div className='card'></div>
</li>
</ul>
// Need to install ReactIcon to use react font-awesome icons
<FaUser color='rgc' />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment