Any AI tools for this?
I want a mobile visual representation of this desktop design although i don't have access to the Figma file. Any help, please?
6 Replies
Pretty sure you're going to have to just figure that out. Mobile designs effectively just take all the design elements from a desktop site and stack them on top of each other
Thanks @Jochem
I guess i have no choice now. I wanted to use the "mobile-first" approach.
You... still can? "Mobile-first" design is about structuring the HTML/CSS in a way that renders neatly on mobile and then is rearranged once the viewport reaches a certain size, rather than building the desktop version and then 'undoing' it through css at smaller sizes.
To me, the mobile version is either the freelancer column goes first, then the checkout form with each input on its own line, or possibly, depending on the broader site structure, the content from the righthand column is on an earlier page in the user journey, and the checkout is its own page.
@Alex I know, it's just that having the image would have been easier..
Thank you for this, really appreciate.
You could probably use photoshop and give their tools specific instructions to stack the sections , stack the inputs and adjust the width of the section with the form.
Or it would probably be faster to take hhr and build it with html/css or in figma/psd
Thanks @clevermissfox