adobe xd prototype not responsive within adobe portfolio

[gnascher1]

Hello everyone,

I recently created a website with adobe portfolio and included an adobe xd photo carousel - I published the link and embedded it on my website.

The problem now is that this link is not responsive within the mobile version. The carousel does not scale down and it looks shitty. This is the link to the project with the carousel in it: Julia Brinkmann - We are reflow - redesign & business strategy  It's the carousel "redesign process".

This is the code that I embed from adobe xd into my website:

<iframe width="1402" height="775" src="https://xd.adobe.com/embed/89ed39b8-4c06-493b-babc-63b25e28fab5" frameborder="0" allowfullscreen></iframe>

Is there a way to avoid this problem? Do I have to build the carousel within another program? Or is there a way to make adobe xd mobile responsive?

Thank you for your answers!

[Chris W. Griffith]

XD is not meant to publish in that manner. It is meant to be a design and prototyping tool, not a code generation one.

The short answer is you will need to use another solution to code your carousel.

Chris

[Nina_Ramos_Harrison · Accepted solution]

I'm not familiar with Adobe Portfolio so not clear on what it should or shouldn't support.

That said, I've loaded the web address in the post on Firefox 58/Mac and see + navigate the carousel under "Redesigning Process". See below for screen grab.

@gnascher1@web.de is the above what you're looking for? Are you able to open the prototype address outside your portfolio site on same browser? Perhaps loading the site on different browsers or trying from a different connection (home vs work etc) will show this on your end.

Thanks!

Nina

XD Community Quality Manager