Reorder divs, Rename divs, Scale SVG

Question

Hello,
I am new to responsive webdesign and I am currently learning all the new techniques. So please excuse if my questions are very basic.
I know Reflow is fairly new. I am currently using Reflow to MockUp a responsive design to see how the worflow goes. It's working out pretty well and I can see to use reflow in future to communicate with customers in early stages of designing a base with minimal effort and create what I can fine tune later on. Of course it will be a great tool later on, when customer decides to enhance existing site, especially when we can edit CSS or even SCSS within Reflow.
- Right now it's not possible to Drag and Drop e.g. an image into a div by just using the elements panel. I know I can do this on my working area. Will this be possible in the elements panel as well?
- Right now Reflow decides how divs are named. Will it be possible to use an alias in future which will be used when deploying the css and html?
- I am using SVG for my logo. It scales perfect within the page, but it stops scaling when image reaches it's original size created in Illustrator. Am I doing something wrong here?
What will be the future format with logos? SVG?

Answer 1

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 { };