FR: [Columns] - Roadchoice Block

[ZoeBeykirch]

Context/Description

As a Road Choice content author, I want to have a columns block on my website so that I can alternate images and text on within the same page seamlessly so that I can improve the user experience.

Acceptance Criteria

User AC:

• As a website user, I can see images and text side by side.

Editor AC:

• As an editor, I am able to create more visually appealing pages with a mix of images and text without needing to build new components from scratch.
• I can find and use this block in my AEM Sidekick library.
• I can use this block on any page.

Non-functional AC:

• The block should match the Road Choice brand guidelines for CSS style sheet including colors, fonts, etc.
• All functionality how users interact with the columns block including reverse odd rows on mobile shall be the same as the Volvo Trucks website on desktop, tablet and mobile devices.

Attachment / link to Figma

Examples: https://www.volvotrucks.us/parts-and-services/parts/partsasist/ https://www.volvotrucks.us/trucks/powertrain/i-torque/

[girishdigrajkar]

Observation :

1. Sequence of image/text is incorrect in case of mobile viewport: If image is on left and text on right then on mobile viewport. image comes first and then text Whereas, when image is on right and text on left then, on mobile viewport text is displayed first followed by image ... It happens correctly in case of reference URL mentioned in ticket https://www.volvotrucks.us/parts-and-services/parts/partsasist/

however, on https://236-columns--vg-roadchoice-com--hlxsites.hlx.page/drafts/shomps/media-with-text the sequence is image first and text later which is not in sync with whats mentioned as expectation in User story

2. top margin is not available in the block, it should be 48px.

[BeckyMedlin]

@santi-homps Is this item still blocked?

[girishdigrajkar]

@santi-homps : This PR is already merged with open observation so it should be fixed immidiately:

[santi-homps]

@girishdigrajkar Post discussion with @ZoeBeykirch this issue can be closed since this behaviour is as expected.