mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-06 06:07:33 +02:00
Code Issues Releases Wiki Activity

Add highlights

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-21 20:51:33 +07:00
parent a105818990
commit c25a65de72
1 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
client/Home.jsx
View File

@@ -37,7 +37,32 @@ const Home = () => {
<div className="relative">
<h1 className="absolute bg-white f2 fw6 left-2 lh-copy ma0 ph2 top-0" style={{ left: '50%', transform: 'translate(-50%, -50%)' }}>CSS Layout</h1>
<h2 className="fw1 tc lh-copy ma0 pa4">a collection of popular layouts and patterns made with CSS</h2>
<h2 className="fw3 f3 tc lh-copy ma0 pa4">a collection of popular layouts and patterns made with CSS</h2>
<div className="w-30 center mb4">
<ul className="ma0 pa0 list f4 lh-copy">
<li className="flex items-center justify-between">
<div>Zero dependencies</div>
<div>🎉</div>
</li>
<li className="flex items-center justify-between">
<div>No frameworks</div>
<div>🎉</div>
</li>
<li className="flex items-center justify-between">
<div>No CSS hacks</div>
<div>🎉</div>
</li>
<li className="flex items-center justify-between">
<div>Good practices</div>
<div className="br-pill ph2 white bg-dark-blue f6">soon</div>
</li>
<li className="flex items-center justify-between">
<div>Accessibility</div>
<div className="br-pill ph2 white bg-dark-blue f6">soon</div>
</li>
</ul>
</div>
</div>
<div className="bt b--black-20 relative">