April 24, 2024, 6:19 p.m. | Rebeccca Peltz

DEV Community dev.to

code

demo






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.

challenge challenges code css demo devchallenge earth flexbox frontend frontendchallenge html image javascript pexels styling thinking video view writing

Founding AI Engineer, Agents

@ Occam AI | New York

AI Engineer Intern, Agents

@ Occam AI | US

AI Research Scientist

@ Vara | Berlin, Germany and Remote

Data Architect

@ University of Texas at Austin | Austin, TX

Data ETL Engineer

@ University of Texas at Austin | Austin, TX

Lead GNSS Data Scientist

@ Lurra Systems | Melbourne