Remove horizontal padding

Google Chrome's device preview doesn't resemble what I see when I use my phone
to visit this page.
This commit is contained in:
William Carroll 2020-04-18 20:20:22 +01:00
parent 9e855f7427
commit c6132ab1d6

View file

@ -49,7 +49,7 @@ numberedList items =
render : State.Model -> Html State.Msg render : State.Model -> Html State.Msg
render model = render model =
div [ [ "container", "mx-auto", "px-20" ] |> UI.tw |> class ] div [ [ "container", "mx-auto" ] |> UI.tw |> class ]
[ header1 "Welcome to LearnPianoChords.app!" [ header1 "Welcome to LearnPianoChords.app!"
, paragraph """ , paragraph """
Learn Piano Chords helps piano players master chords. Learn Piano Chords helps piano players master chords.
@ -92,7 +92,7 @@ render model =
""" """
] ]
] ]
, div [ [ "text-center", "pt-20" ] |> UI.tw |> class ] , div [ [ "text-center", "py-20" ] |> UI.tw |> class ]
[ UI.simpleButton [ UI.simpleButton
{ label = "Let's get started" { label = "Let's get started"
, handleClick = State.SetView State.Preferences , handleClick = State.SetView State.Preferences