There is another topic you might want to look into.
Right now we can only create DIV with id. Just using a class is not possible. The topic I would like to address is, whenever you duplicate a DIV, the new DIV will have the same id name within reflow, but of course the css will add a subfix e.g. "_1" so this div is unique. A better way would be to not allow the same id name within reflow or add the subfix within reflow so it's clear to user that the duplicated div has a unique id. So the reflow id names should follow the css id names at all time! Same with id "Container" which is named "primaryContainer" within css.
I also noticed that at some point the css structure does not follow the hirarchy of my reflow layout at all time. Whenever I move a 1st level id DIV with multiple DIVs inside using the Elements panel, new hirarchy is being applied, but within css the hirarchy is not updated. This is no bug, but I am a big fan of consistency when it comes to the css structure.
Example:
Reflow:
- DIV1
-- DIV1.1
- DIV2
--DIV2.1
CSS:
#DIV1 { };
#DIV1.1 { };
#DIV2 { };
#DIV2.1 { };
I move DIV2 above DIV1, so I get...
Reflow:
- DIV2
--DIV2.1
- DIV1
-- DIV1.1
CSS:
#DIV1 { };
#DIV1.1 { };
#DIV2 { };
#DIV2.1 { };