Open mfal opened 3 days ago
@gskyarts If you mean the breakpoint on the ColumnLayout component: This component should be used to align content, and not to build the main app layout. We choose to use container queries for this use case, because the actual screen size does not matter from a component view.
Also the breakpoints used in the container queries should not be mixed up with the standard breakpoints used in media queries to detect different screen sizes (tablet, desktop, mobile).
Does this answer your question?
Can you explain why you chose your breakpoint definitions (
s <= 550px
,m >= 551 && m <= 850
andl >= 851
)? Why not align with popular frameworks like Tailwind or Bootstrap?