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:
		
							parent
							
								
									9e855f7427
								
							
						
					
					
						commit
						c6132ab1d6
					
				
					 1 changed files with 2 additions and 2 deletions
				
			
		|  | @ -49,7 +49,7 @@ numberedList items = | |||
| 
 | ||||
| render : State.Model -> Html State.Msg | ||||
| render model = | ||||
|     div [ [ "container", "mx-auto", "px-20" ] |> UI.tw |> class ] | ||||
|     div [ [ "container", "mx-auto" ] |> UI.tw |> class ] | ||||
|         [ header1 "Welcome to LearnPianoChords.app!" | ||||
|         , paragraph """ | ||||
|                      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 | ||||
|                 { label = "Let's get started" | ||||
|                 , handleClick = State.SetView State.Preferences | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue