https://github.com/matthewbub/learnflexbox

An interactive visualization of flexbox with grab-and-go code bits.
https://github.com/matthewbub/learnflexbox

create-react-app css eslint flexbox google-analytics help-wanted javascript jest jest-snapshots mailchimp opensource prettier react react-hooks react-router stylelint

Last synced: 4 months ago
JSON representation

An interactive visualization of flexbox with grab-and-go code bits.

• Host: GitHub
• URL: https://github.com/matthewbub/learnflexbox
• Owner: matthewbub
• License: mit
• Created: 2020-07-17T17:41:00.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2026-02-03T20:16:28.000Z (5 months ago)
• Last Synced: 2026-02-04T08:36:15.210Z (5 months ago)
• Topics: create-react-app, css, eslint, flexbox, google-analytics, help-wanted, javascript, jest, jest-snapshots, mailchimp, opensource, prettier, react, react-hooks, react-router, stylelint
• Language: JavaScript
• Homepage: http://learnflexbox.us/
• Size: 5.84 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# Learn Flexbox

[Learn Flexbox](http://learnflexbox.us/) is commited to helping individuals become fluent in basics of the Flexible Box Layout.

[![Build Status](https://travis-ci.com/hi-matbub/learnflexbox.svg?branch=master)](https://travis-ci.com/hi-matbub/learnflexbox) ![tested](https://img.shields.io/badge/tested_with-jest-.svg) ![eslint-prettier-stylelint](https://img.shields.io/badge/code_style-eslint_prettier_stylelint-.svg) ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-30bced.svg)

## Setup

1. Clone and install

```

$ git clone https://github.com/hi-matbub/learnflexbox.git

$ cd flexbox

$ yarn

```

2. Run app

```

$ yarn start

```

## Contributing

If you want to get involved take a look at the [Contributing guide](https://github.com/hi-matbub/learnflexbox/blob/master/CONTRIBUTING.md). 

## More Info

For more information about this project, including the full list of tools used, visit the [about page](/ABOUT.md)