senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Footer component markup and styling changes

Browse Source
This commit is contained in:
Moris Zen
2018-07-05 07:14:42 +02:00
parent ef2c45cf09
commit bcc6a948cb
3 changed files with 42 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Card.js
View File

@@ -4,19 +4,24 @@ import Link from 'gatsby-link'
import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
const Card = ({ ...props }) => (
<div className="m-3 max-w-sm rounded overflow-hidden shadow-lg">
<div className="m-3 w-full rounded overflow-hidden shadow-lg">
<img className="w-full" src={ImgSprint} alt="Sprint Work" />
<div className="px-6 py-4">
<div className="font-bold text-xl mb-2">How we do remote design sprints
<div className="font-bold text-xl mb-2">
How we do remote design sprints
</div>
<p className="text-grey-darker text-base">
It’s amazing how design can impact business and people making the world a better and a friendlier place. Knowing the how important design today is, here’s a complete rundown of our design process in it’s fully glory.
It’s amazing how design can impact business and people making the world
a better and a friendlier place. Knowing the how important design today
is, here’s a complete rundown of our design process in it’s fully glory.
</p>
</div>
<div className="px-6 py-4">
<span className="inline-block bg-grey-lighter rounded-full px-3 py-1 text-sm font-semibold text-grey-darker">#workstyle</span>
<span className="inline-block bg-grey-lighter rounded-full px-3 py-1 text-sm font-semibold text-grey-darker">
#workstyle
</span>
</div>
</div>
)
export default Card
export default Card