Responsive Organization Flowchart

See the Pen Responsive Organization Flowchart by AldoFerrari (@AldoFerrari) on CodePen.

Responsive Organization Flowchart

Description: A pure HTML/ CSS responsive organization flowchart with departments and sub-sections. Improvements: - media queries are separated in one place only and not all over the CSS (more control on it) - 3 new style of line (a 3 block column line; a 2 block column block line; a single block line) - use SCSS to maange easly varaibles and breakepoint - separated the list of departments from board area (more control and less ul insie ul inside ul inside ul) - 7 column on the department area.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS (SCSS)

Responsive:Yes

Posted: 19.11.2014

Similar Examples