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:
13
README.md
13
README.md
@@ -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:
|
||||||
|
@@ -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 |
Reference in New Issue
Block a user