How to create layout for mobile and tablet screen size from desktop screen size

[#1]

Hi everyone!

I'm creating a layout for my company's new website, and I made all of it in a desktop size. But now I need a mobile version of the site and the layout is not being responsive, is there any way to make the mobile version automatically adapt itself or do I need to create an entire mobile layout and a tablet sized one too? And if so, how do I put everything on the code for the programmer to insert on the page code?

{Renamed By MOD}

[#2]

Hi everyone!

I'm creating a layout for my company's new website, and I made all of it in a desktop size. But now I need a mobile version of the site and the layout is not being responsive, is there any way to make the mobile version automatically adapt itself or do I need to create an entire mobile layout and a tablet sized one too? And if so, how do I put everything on the code for the programmer to insert on the page code?

{Renamed By MOD}

[#3 · Accepted solution]

Hi there,

Thanks for reaching out. Since you have already designed the website for desktop screen size, I found a helpful article that you can refer to the create the layout for mobile and tablet screen size. I am afraid, there is no way to do this automatically however you can refer to this article and try to recreate: https://create.adobe.com/2020/01/14/how-to-make-responsive-design-adobe-xd.html

For more information on Responsive Resize feature you can refer to these articles:

https://theblog.adobe.com/how-to-design-with-responsive-resize-xd/

https://helpx.adobe.com/xd/help/using-responsive-resize.html

And once the design is ready you can share it with Developers to code that for you using Adobe XD presets: https://helpx.adobe.com/xd/help/share-designs-prototypes.html

Let us know if this helps or if you need any further assistance.

Regards

Rishabh