DEV Community

Rebeccca Peltz
Rebeccca Peltz

Posted on • Edited on

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