RESPONSIVE ORGANIZATION FLOWCHART

Author:

  • Aldo Ferrari
  • November 19, 2014

Made with:

  • HTML / CSS (SCSS)

About the code:

This is an amazing and simple 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *