@@ -15,18 +15,19 @@ This means:
1515
1616
1717```elm
18−import Element exposing (Element, el, text, row, alignRight, fill, width, rgb)
18+import Element exposing (Element, el, text, row, alignRight, fill, width, rgb255, spacing, centerY, padding)
1919import Element.Background as Background
2020import Element.Border as Border
21+import Element.Font as Font
2122
2223
2324main =
2425 Element.layout []
25− myElement
26−
26+ myRowOfStuff
2727
28+myRowOfStuff : Element msg
2829myRowOfStuff =
29− row [ width fill ]
30+ row [ width fill, centerY, spacing 30 ]
3031 [ myElement
3132 , myElement
3233 , el [ alignRight ] myElement
@@ -36,10 +37,12 @@ myRowOfStuff =
3637myElement : Element msg
3738myElement =
3839 el
39− [ Background.color (rgb 0.2 0.3 0.3)
40− , Border.color (rgb 0.2 0.4 0.3)
40+ [ Background.color (rgb255 240 0 245)
41+ , Font.color (rgb255 255 255 255)
42+ , Border.rounded 3
43+ , padding 30
4144 ]
42− (text "You've made a stylish element!")
45+ (text "stylish!")
4346```
4447
4548