Standard media queries for responsive pages.
import Css
import Css.Media as Media
import Nri.Ui.MediaQuery.V1 as MediaQuery
style : Css.Style
style =
Media.withMedia
[ MediaQuery.mobile ]
[ Css.padding (Css.px 2)
]Styles using the mobileBreakpoint value as the minWidth.
1000px
Styles using the quizEngineBreakpoint value as the maxWidth.
750px
Styles using the narrowMobileBreakPoint value as the maxWidth
500px
Styles using the
mobileBreakpointvalue as the maxWidth.