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