ResponsiveRow bug in different sizes

[BrentHuang]

Duplicate Check

• I have searched the opened issues and there are no duplicates

Describe the bug

ResponsiveRow bug in different sizes

Code sample

Code

import flet as ft


def main(page: ft.Page):
    page.add(
        ft.SafeArea(expand=True,
                    expand_loose=True,
                    content=ft.Container(content=ft.ResponsiveRow(controls=[
                        ft.Container(
                            col={
                                'xs': 0,
                                'sm': 0,
                                'md': 0,
                                'xl': 2
                            },
                            expand=True,
                            bgcolor=ft.colors.GREEN,
                        ),
                        ft.Container(
                            col={
                                'xs': 12,
                                'sm': 12,
                                'md': 9,
                                'xl': 8
                            },
                            expand=True,
                            bgcolor=ft.colors.RED,
                        ),
                        ft.Container(
                            col={
                                'xs': 0,
                                'sm': 0,
                                'md': 3,
                                'xl': 2
                            },
                            expand=True,
                            bgcolor=ft.colors.BLUE,
                        ),
                    ], ))))


ft.app(target=main)

To reproduce

run with flet run --web .

F12, Look how it looks on the iPhone

Expected behavior

No response

Screenshots / Videos

Captures

[Upload media here]

Operating System

Windows

Operating system details

windows10

Flet version

0.23.2

Regression

I'm not sure / I don't know

Suggestions

No response

Logs

Logs

[Paste your logs here]

Additional details

No response

[BrentHuang]

another question:
For example, not displaying certain buttons on a small screen and displaying them on a large screen. What should I do to realize such a feature? Is there an interface for media queries?