DEV Community

Rebeccca Peltz
Rebeccca Peltz

Posted on

2

Earth Day Frontend Challenge

code
demo

Earth Day Challenge Frontend

Dynamically Inserting Video/Image

I used JavaScript to dynamically insert a Video or 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 (0)

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