Expand my Community achievements bar.

SOLVED

Responsive Grid is not working - teaser component

Avatar

Level 5

Hi,
I am trying to use responsive behaviour of core components via proxy components. I am using OOTB teaser component.

  • In editable template, I have added teaser component which have resourceSuperType core/wcm/components/teaser/v1/teaser
  • I am in the layout mode and see the resposive layout.
  • I tried to set the viewport of teaser component via dragging. It shrinks but when I release the key of mouse, it again take the default position. PFA

I am refering the wknd codebase.
AEM Env : 6.5.0

1743351_pastedImage_0.png

Regards

1 Accepted Solution

Avatar

Correct answer by
Level 10

Follow this end to end tutorial - the grid worked perfectly when I followed this one:

Adobe Summit 2019 | L767 - Getting Started with Adobe Experience Manager Sites Development

View solution in original post

3 Replies

Avatar

Correct answer by
Level 10

Follow this end to end tutorial - the grid worked perfectly when I followed this one:

Adobe Summit 2019 | L767 - Getting Started with Adobe Experience Manager Sites Development

Avatar

Level 5
Hello - I am also facing the similar issue in Mobile and Tablet breakpoints. Can you tell me how the issue was fixed?

Avatar

Level 5
@ vdhim23 - I am facing the same issue. Could you share the fix for this if this is resolved?