1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-04 21:27:26 +02:00

Update readme

This commit is contained in:
Phuoc Nguyen
2019-11-26 23:17:29 +07:00
parent 73b7f20649
commit 27543dfd00
3 changed files with 15 additions and 2 deletions

View File

@@ -23,6 +23,19 @@ They are powered by modern CSS features such as flexbox and grid.
They are great starting points and could be picked and customized easily for each specific need. They are great starting points and could be picked and customized easily for each specific need.
By composing them, you can have any possible layout that exists in the real life. By composing them, you can have any possible layout that exists in the real life.
The entire website is powered by
~~~ javascript
this
.madeWith([react,typescript])
.then(r => lazyLoad(@loadable/component))
.then(r => optimizeAndBundle(webpack))
.then(r => exportHtml(react-snap))
.then(r => deploy(Netlify))
.assert([scalableCode, superFastWebsite, seoFriendly])
.done(/* Give me 1 star */) 🎉
~~~
## Running it on local ## Running it on local
- Clone the project: - Clone the project:

View File

@@ -22,8 +22,8 @@ const Layout: React.FC<{}> = ({ children }) => {
> >
<li>this</li> <li>this</li>
<li style={{ marginLeft: '16px' }}> <li style={{ marginLeft: '16px' }}>
.madeWith( .madeWith([
[<a href="https://reactjs.org" style={{ textDecoration: 'none' }}>react</a>, <a href="https://reactjs.org" style={{ textDecoration: 'none' }}>react</a>,
<a href="https://www.typescriptlang.org" style={{ textDecoration: 'none' }}>typescript</a> <a href="https://www.typescriptlang.org" style={{ textDecoration: 'none' }}>typescript</a>
]) ])
</li> </li>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 870 KiB

After

Width:  |  Height:  |  Size: 354 KiB