@@ -189,9 +189,16 @@ The main technique for responsiveness is to store window size information in you
189189
190190Install the `Browser` package, and set up a subscription for [`Browser.Events.onResize`](https://package.elm-lang.org/packages/elm/browser/latest/Browser-Events#onResize).
191191
192−You'll also need to retrieve the initial window size. You can either run the following task:
192+You'll also need to retrieve the initial window size. You can either use [`Browser.Dom.getViewport`](https://package.elm-lang.org/packages/elm/browser/latest/Browser-Dom#getViewport):
193193
194− Task.perform (\size -> WindowResize { width = size.width, height = size.height }) Window.size
194+ Task.perform
195+ (\window ->
196+ WindowResize
197+ { width = round window.viewport.width
198+ , height = round window.viewport.height
199+ }
200+ )
201+ Browser.Dom.getViewport
195202
196203Or pass in `window.innerWidth` and `window.innerHeight` as flags to your program, which is the preferred way. This requires minor setup on the JS side, but allows you to avoid the state where you don't have window info.
197204