Update README
34
README.md
@@ -27,24 +27,24 @@ By composing them, you can have any possible layout that exists in the real life
|
||||
|
||||
- Clone the project:
|
||||
|
||||
```console
|
||||
$ git clone https://github.com/phuoc-ng/csslayout
|
||||
```shell
|
||||
$ git clone https://github.com/1milligram/csslayout
|
||||
```
|
||||
|
||||
- Install the dependencies:
|
||||
|
||||
```console
|
||||
```shell
|
||||
$ cd csslayout
|
||||
$ npm install
|
||||
```
|
||||
|
||||
- Run it on the local:
|
||||
|
||||
```console
|
||||
$ npm run dev-server
|
||||
```shell
|
||||
$ npm run dev
|
||||
```
|
||||
|
||||
Visit http://localhost:1234 to see it in action.
|
||||
Visit http://localhost:3000 to see it in action.
|
||||
|
||||
## Contributing
|
||||
|
||||
@@ -52,7 +52,7 @@ PRs are welcomed. If you thing there are any missing useful layouts or patterns,
|
||||
|
||||
It's important to note that you should run the following command to lint the code:
|
||||
|
||||
```console
|
||||
```shell
|
||||
$ npm run lint
|
||||
```
|
||||
|
||||
@@ -66,23 +66,3 @@ Be my friend on
|
||||
* [Twitter](https://twitter.com/nghuuphuoc)
|
||||
* [dev.to](https://dev.to/phuocng)
|
||||
* [Github](https://github.com/phuoc-ng)
|
||||
|
||||
## Products
|
||||
|
||||
You might be interested in my products:
|
||||
|
||||
_Products_
|
||||
* [Blur Page - A browser extension to hide sensitive information on a web page](https://blur.page)
|
||||
* [Check Browsers Support - A browser extension to check browser compatibility without leaving your tab](https://checkbrowsers.support)
|
||||
* [Fake Numbers - Generate fake and valid numbers](https://fakenumbers.io)
|
||||
* [Form Validation - The best validation library for JavaScript](https://formvalidation.io)
|
||||
* [Intersection Observer Examples - Practical, real world examples of Intersection Observer](https://intersectionobserver.io)
|
||||
* [React PDF Viewer - A React component to view a PDF document](https://react-pdf-viewer.dev)
|
||||
|
||||
_Resources_
|
||||
* [1LOC - Favorite JavaScript utilities in single line of code](https://1loc.dev)
|
||||
* [CSS Layout - A collection of popular layouts and patterns made with CSS](https://csslayout.io)
|
||||
* [HTML DOM - How to manage HTML DOM with vanilla JavaScript](https://htmldom.dev)
|
||||
* [Responsive Design Patterns - A collection of patterns to create a responsive web page](https://responsive.page)
|
||||
* [Super tiny, quick tips, tricks and best practices of front-end development](https://getfrontend.tips)
|
||||
* [this VS that - The differences between ___ and ___ in the front-end development](https://thisthat.dev)
|
||||
|
@@ -2,7 +2,6 @@ import Head from 'next/head';
|
||||
|
||||
// Design
|
||||
import '@1milligram/design/lib/styles/index.css';
|
||||
import '@1milligram/frame/lib/styles/index.css';
|
||||
import '../styles/index.scss';
|
||||
|
||||
export default function MyApp({ Component, pageProps }) {
|
||||
|
Before Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 40 KiB |