Catch The Animals Game – Desktop
/* This ensures the iframe is responsive */ .responsive-iframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* This ratio makes it 16:9(56.25%) aspect ratio, adjust if needed,...
View ArticleCatch The Animals Game – Mobile
Responsive Iframe body, html { margin: 0; padding: 0; height: 100%; } .iframe-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* Default aspect ratio 16:9 */ } iframe {...
View ArticleBasketball AR
3D Model Embed .sketchfab-embed-wrapper { max-width: 800px; margin: auto; background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } iframe { width: 100%;...
View ArticleTriceratops Horridus Marsh 3D-Model
Triceratops horridus was a large herbivorous dinosaur. It had three facial horns and a large frill, which likely served as a defense. Triceratops measured up to 30 feet long and primarily roamed North...
View ArticleClik here to view.
How Fossil Forms
body { font-family: Arial, sans-serif; text-align: center; } .stage { display: none; } .stage img { width: 60%; height: auto; margin-bottom: 20px; } .image-container { display: flex; justify-content:...
View ArticleCatch The Fossils Game – Desktop
/* This ensures the iframe is responsive */ .responsive-iframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* This ratio makes it 16:9(56.25%) aspect ratio, adjust if needed,...
View ArticleCatch The Fossils Game – Mobile
body, html { margin: 0; padding: 0; height: 100%; } .iframe-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* Default aspect ratio 16:9 */ } iframe { position:...
View ArticleClik here to view.
Fraction Visualization Picture Quiz
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; } .quiz-container { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);...
View ArticleClik here to view.
Fossils Visualization Picture Quiz
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; } .quiz-container { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);...
View ArticleCatch the fraction 2/3 Game- Desktop
/* This ensures the iframe is responsive */ .responsive-iframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* This ratio makes it 16:9(56.25%) aspect ratio, adjust if needed,...
View ArticleCatch The Fraction 2/3 Game – Mobile
Responsive Iframe body, html { margin: 0; padding: 0; height: 100%; } .iframe-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* Default aspect ratio 16:9 */ } iframe {...
View ArticleCatch Fractions Equivalent to 1/3 Game – Desktop
/* This ensures the iframe is responsive */ .responsive-iframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* This ratio makes it 16:9(56.25%) aspect ratio, adjust if needed,...
View ArticleCatch Fractions Equivalent to 1/3 Game – Mobile
Responsive Iframe body, html { margin: 0; padding: 0; height: 100%; } .iframe-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* Default aspect ratio 16:9 */ } iframe {...
View ArticleFractions Interactive Worksheet
body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { position: relative; width: 80vw; /* Responsive width (80% of viewport width) */ max-width: 800px; /* Maximum width */...
View ArticleShade the Fraction 4/5 AI Game
body { text-align: center; font-family: Arial, sans-serif; } canvas { border: 2px solid black; margin: 20px 0; cursor: pointer; } #controls { margin-top: 10px; } #feedback { font-size: 1.2em;...
View Article