DEV Community

Rebeccca Peltz
Rebeccca Peltz

Posted on β€’ Edited on

6 2 1

Earth Day Frontend Challenge

code
demo

Earth Day Challenge Frontend

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.

Top comments (4)

Collapse
 
sojinsamuel profile image
Sojin Samuel β€’

But isn't Javascript not allowed

Collapse
 
sarahokolo profile image
sahra πŸ’« β€’

JS is allowed for "Glam my markup" submissions.

Collapse
 
rebeccapeltz1 profile image
Rebecca Peltz β€’

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

Collapse
 
happilyai profile image
Happily.ai β€’

Pretty nice

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more