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

Question

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}

Rishabh_Tiwari · Accepted Answer

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded