Synthflow's Smooth Mobile Experience

The community member is discussing the website https://synthflow.ai/, noting that while it works well on both PC and mobile, the Relume components with tabs are annoying on mobile as they require clicking and scrolling for each one. The only component that works smoothly is layout351, which is responsive. The community member asks if someone knows how Synthflow achieved this smooth mobile experience.

In the comments, another community member suggests having two separate components - one for desktop/tablet and one for mobile - to handle this, while being mindful of SEO and duplicate content. They note that Synthflow has essentially hidden the image on desktop and shown it on mobile, and have layered an accordion interaction to also function as a tab. The community member suggests a similar approach using an accordion-like component and a two-column layout component, with webflow interactions to swap the images on desktop.

Another community member thanks the previous one for clarifying the approach. A final comment asks whether hiding an element would still show up as a problem for SEO, and the response indicates that it depends on the method used - CSS hiding would keep it visible in the DOM, while using visible/hidden toggles would not.