Mobile and desktop version


The client needs a significantly different mobile version than the desktop version

What’s the right way to do it? Do by hiding elements and creating new elements?

I’d love for tips


It depends on what elements are changing and how they’re changing.

For example, changing the size of text or images is simple. You’d just build it in the Desktop view and then switch the mobile breakpoint and start making it responsive by sizing down text where needed, changing your flex box layout, etc.

“Significant changes” I guess would mean like changing an image completely? Yeah in that case just hide/show on different breakpoints.

I mean really different hierarchy…different components and elements