Forum Discussion

SarahLichy's avatar
SarahLichy
Community Member
15 hours ago

Coding in RISE

I went to CoPilot and typed in HTML code for frogs jumping. I go into RISE and upload under code- add code. When I insert, the block is blank.. Do you know why this is? Here's the code.   

<html lang="en"> <head> <meta charset="UTF-8"> <title>Jumping Frog</title> <style> body { background-color: #cceeff; display: flex; justify-content: center; align-items: center; height: 100vh; } .frog { width: 100px; position: relative; animation: jump 2s infinite; } @keyframes jump { 0% { top: 0; } 50% { top: -100px; } 100% { top: 0; } } </style> </head> <body> <img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Flexbox_Froggy_%E2%80%93_Frog-green.svg" alt="Jumping Frog Icon" class="frog" > </body> </html>

 

Thanks! 

4 Replies