Hey,
Hello, I am thinking about how I could design this diagram using CSS. I believe that it could be designed with CSS Grid and SVG for the lines, and I would like your opinion on this. An additional concern I have is how this diagram’s logic can be transferred without losing its meaning on a mobile screen, i.e., the responsiveness. On a computer screen, the meaning of the diagram can be conveyed exactly because the dimensions of the monitor allow it. But what about on a mobile screen?
The only thing I can think of is to place the boxes vertically on the mobile screen, in the order they follow in the diagram. I can’t think of any other approach. I would like your opinion on this as well.
Regards
George
Hey,
with little help in JS from AI, I managed to make it to this stage. Now, I need to curve the lines and to display the arrows between one image to another to give the path direction. If someone could help more now I would greatly appreciate it.
You could see it in codepen:
Regards
George