Add flex-wrap to values to make it mobile-friendly.

This commit is contained in:
Dillon Kearns 2019-08-09 16:17:14 -07:00
parent e19fa08a49
commit eb620ec194
3 changed files with 6 additions and 3 deletions

View File

@ -52,7 +52,6 @@
body =
`elm-pages`{code} just makes more of the things you do in your static site feel like elm. Did you misspell the name of an image asset or a link to a blog post? `elm-pages`{code} will give you a friendly error message and some helpful suggestions.
|> Values
|> Value
title = An extended elm platform
body =

View File

@ -126,7 +126,6 @@ What does a *list* look like?
body =
`elm-pages`{code} just makes more of the things you do in your static site feel like elm. Did you misspell the name of an image asset or a link to a blog post? `elm-pages`{code} will give you a friendly error message and some helpful suggestions.
|> Values
|> Value
title = An extended elm platform
body =

View File

@ -183,7 +183,11 @@ blocks appData =
values =
Mark.block "Values"
(\valuesList ->
Element.row [ Element.spacing 30 ] valuesList
Element.row
[ Element.spacing 30
, Element.htmlAttribute (Attr.style "flex-wrap" "wrap")
]
valuesList
)
(Mark.manyOf [ value ])
@ -194,6 +198,7 @@ blocks appData =
[ Element.width Element.fill
, Element.padding 20
, Element.height Element.fill
, Element.centerX
]
[ Element.paragraph
[ Element.padding 12