https://github.com/mikolajdobrucki/how-to-css

howtocss.dev
https://github.com/mikolajdobrucki/how-to-css

css flexbox frontend layout sanity

Last synced: about 2 months ago
JSON representation

howtocss.dev

• Host: GitHub
• URL: https://github.com/mikolajdobrucki/how-to-css
• Owner: mikolajdobrucki
• Created: 2020-11-15T10:41:56.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-21T11:37:43.000Z (about 4 years ago)
• Last Synced: 2023-02-26T23:36:55.498Z (almost 2 years ago)
• Topics: css, flexbox, frontend, layout, sanity
• Language: JavaScript
• Homepage: https://www.howtocss.dev/
• Size: 1.82 MB
• Stars: 48
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to CSS – flexbox cheatsheet & playground

An online tool to help you learn and experiment with CSS flexbox.

Available under [how-to-css-mikolajdobrucki.vercel.app](https://how-to-css-mikolajdobrucki.vercel.app).

## Build with

- [Gatsby.js](https://gatsbyjs.org)

- [Sanity.io](https://www.sanity.io)

- [Sanity UI](https://www.sanity.io/ui)

## Run it on your own

1. Clone this repository from your GitHub account

2. `npm install` in the project root folder on local

3. `npm run dev` to start the Studio and frontend locally

   - Your Studio should be running on [http://localhost:3333](http://localhost:3333)

   - Your frontend should be running on [http://localhost:8000](http://localhost:8000)

4. `npm run build` to build to production locally

## Get help

The best way to get in touch with me is Twiiter: [@mikolajdobrucki](https://twitter.com/mikolajdobrucki)