search

mittwald / flow

A collection of packages related to Flow – the mittwald design system.
https://mittwald.github.io/flow/
MIT License
5 stars 1 forks source link

Can you explain why you chose your breakpoint definitions #878

Open mfal opened 3 days ago

mfal commented 3 days ago

Can you explain why you chose your breakpoint definitions (s <= 550px, m >= 551 && m <= 850 and l >= 851)? Why not align with popular frameworks like Tailwind or Bootstrap?

mfal commented 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?