Does this responsive design create duplicate content?

[ildarius]

I've read the FAQs and searched the help center.
My URL is:
none

the Web-site displays the following to Desktop users:

====== ======
| DIV 1 | | DIV 2 |
====== ======

When the web-site is on mobile it puts hides the side DIV 2 and displays the bottom DIV2, like so:

====== =======
| DIV 1 | | hidden |
====== =======
======
| DIV 2 |
======

To achieve this I need to hide the right DIV2 and reveal the bottom DIV2. Which means that DIV2 content appears inside the markup TWICE (I just choose when to show the bottom or the side containers). So it's basically duplicated. Isn't this considered keyword stuffing?

Would be great to hear how Google handles this.

[tedster]

I think your suspicions are right. Your approach is likely to create problems with Google even if it hasn't done so at this point. All I think you need to do is have different CSS files - they could use a class name to position one version of Div 2 differently for different types of devices.

[lucy24]

I don't understand why you need to do anything twice. Your two pictures are what you would get with

/* this is the overall container that creates a bigger top margin */
div.holder {border: none; margin: 4em 0 0; padding: 0;}

/* these are the two content areas, each with their own borders */
div.content {border-style: double single; display: inline-block; margin: 1em; width: some-number-here;}

They will display either side by side or sequentially, depending on the width of the viewport.

[ildarius]

Thanks for the reply guys, I think I just need to try a different CSS guy, because last one insisted on 2 containers when apparently you can have one