Incorrect Item Width in "promo-features-block" when using SSR with {isServer: true}

[artemsporykhin]

Description

The block type "promo-features-block" experiences a width-related issue when SSR is utilized with the configuration ssrConfig = {isServer: true}. Specifically, the width of the items within this block remains at 33% across all screen sizes, neglecting responsive behavior.

Expected Behavior

On smaller (mobile) screens, the width of each item within the "promo-features-block" should adjust to 100% to accommodate responsive design principles.

Current Behavior

When SSR is enabled (ssrConfig = {isServer: true}), the width of the items persists at 33%, even on smaller screens, counteracting mobile-responsive functionality. When SSR mode is disabled or not used, the rendering on small screens appears as expected, adhering to the 100% width for item divs.

Steps to Reproduce

Enable SSR with the configuration ssrConfig = {isServer: true}.
Observe the "promo-features-block" on various screen sizes.
Note the persisting width of 33% for item divs on smaller screens, rather than the expected 100%.

Possible Solution

A preliminary assessment does not suggest an immediate solution and requires further investigation into how SSR, or the specific isServer: true configuration, is impacting the responsive CSS or JS logic.

Context (Environment)

Browser: [e.g., Chrome, Safari, etc.]
OS: [e.g., iOS, Windows, etc.]
Screen Sizes: Small (Mobile) screens

Detailed Visuals

Without SSR (Correct Behavior):

With SSR (Incorrect Behavior):