Skip to content

Responsive Breakpoints issue #3394

@malalacharm

Description

@malalacharm

Describe the bug
Responsive breakpoints for tablet and mobile devices are not functioning as expected. The layout does not adjust according to the specified breakpoints.

To Reproduce
Steps to reproduce the behavior:

  1. Add a new page
  2. Add a Two Column Block
  3. Add a text on each block
  4. Publish page
  5. Inspect element on published page
  6. Adjust page width size

Expected Behavior
The layout should adjust properly based on the screen size:

  • Tablet:
    For screen widths between 768px and 1024px, the layout should resize or rearrange elements as designed for tablet screens.

  • Mobile:
    For screen widths below 768px, the layout should adjust for smaller screens.

The layout should also dynamically adjust based on specified breakpoints

Screenshots

Responsive.breakpoints.issue.mp4

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions