You have to follow the proper sequence then only dnd area will work also you have to define a different unique class for your every dnd area , through which you can give css as per your requirement as shown in below example
<!-----------------------------Homepage Blog Section Start Here ----------------------------->
*EDIT: I've just seen you posted your question in the CMS board as well and already got help by the wonderful @webdew and @Oezcan. I'll merge these two posts to avoid duplicate content.
You have to follow the proper sequence then only dnd area will work also you have to define a different unique class for your every dnd area , through which you can give css as per your requirement as shown in below example
<!-----------------------------Homepage Blog Section Start Here ----------------------------->
- there is unfortunatly no drag&drop" for blog posts for now - but you can upvote this in the ideas board.
To get things right: unless the client edit the template your custom module gets displayed. As soon as the client edits it - it disappears. Right? Do those projects/clients have different "software"? Like does project A has CMS Hub Pro and project B only Marketing Hub Pro. Things like this. I've came accross some similar behavior in the past.
Also: there are few things that you shouold check/do:
change {% module_block %}... {% end_module_block %} to {% dnd_module %}...{% end_dnd_module %} for all modules that are inside of the dnd_area
If your module shouldn't be removable - place it outside of the dnd_area
check if your module(s) is/are enabled for blog listing