I’m new to Elm, developing an app similar to this example . It’s supposed to display a random GIF fullpage, i.e. filling the viewport completely . What is the most common way to do this, using rtfeldman/elm-css?

No, this is certainly just a css property. If I take the JSON example file you discuss above, I’d to something like this: .fullscreen { position: absolute; z-index: -5; width: 100vw; height: 100vh; margin: 0px; top: 0; left: 0; } ... Success url -> div [] …

That’s more a question about CSS than Elm, but something like this should do it: [ backgroundImage yourImage , backgroundSize cover , backgroundPosition center ] MDN is a good resource for CSS: [image] background The background shorthand CSS property sets all background style propertie…

Nevertheless, I need to resize my div accordingly, right?

So you would define an external stylesheet? (I’m familiar with your approach, but somehow wanted to solve it in one Elm-file without having an extram HTML or CSS file. :smiley:)

Displaying fullpage GIFs

Learn

Libbum February 13, 2019, 1:20pm 6

You can certainly do it inline (I’ve updated my post to suggest how). I’m personally not a fan of inline styles, that’s all.

Topic		Replies	Views
Basic CSS question Learn	4	1532	July 18, 2019
How format images in Elm-UI? Learn	9	2037	March 5, 2021
Responsive SVG with elm? Learn	6	1085	February 16, 2021
Embed Elm-UI into HTML Page Learn	4	1285	July 26, 2021
Set syle to body tag using elm-css Learn	4	574	December 7, 2023

Displaying fullpage GIFs

Related topics