Earth Day Frontend Challenge

code
demo

Dynamically Inserting Video/Image

I used JavaScript to dynamically insert a Video on larger viewports and an image for smaller view ports. I organized the HTML with flexbox.

There were some challenges organizing the HTML for styling. Thinking about container layouts is helpful when writing HTML.

The video is from Pexels and there is a credit in the code README.

Comments

[Sojin Samuel]

But isn't Javascript not allowed

[sahra 💫]

JS is allowed for "Glam my markup" submissions.

[Rebecca Peltz]

I think it's only not allowed for the CSS Art challenge.

[Happily.ai]

Pretty nice