Responsive design Adobe DX

[exe22233]

I create design for different screen sized, and i use web export to export as HTML file. The file that was exported was sort of static. Like there is a lof of white space on the site when i scale down the page before it reaches the next breakpoint and scales again. I wanted to know how do I make it more fluid. 

Here is what i want it to responds, more fluid (ex):

https://www.dropbox.com/s/fwntjpq1rvnt0qm/Screen%20Recording%202021-01-11%20at%209.57.32%20PM.mov?dl...

vs how it actually responds, static (ex):

https://www.dropbox.com/s/ugjwb212pqkz4ji/Screen%20Recording%202021-01-11%20at%2010.01.38%20PM.mov?d...

Any advice? Thank you!

[Abhidas · Accepted solution]

Hello there,

Thank you for posting your issue here. I think Responsive Resize tool can help you with your issue. You can use it as manual or auto, so when you will change the artboard size the contents of the artboard will also change smoothly. 
You can follow https://helpx.adobe.com/xd/user-guide.html/xd/help/using-responsive-resize.ug.html this link for further details.

I hope this is helpful. If you have furthur queries related to this then please reply to this thread.

Regards,

Abhishek Das (Adobe XD Team)

[HARSHIKA_VERMA]

Thank you, Abhishek for your response to this post. This really might have helped the customer with his design.

Thanks,

Harshika