Forum Discussion
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!
9 Replies
Worked fine for me!
Code > Add Code > Add Code then pasted it into the HTML field - this worked fine in Chrome.
Interesting! My block is still blank!
Ad-blocker maybe?
How do I check that?
It did work fine for me once but when I tried it again, it didn't show up in editing mode, but worked fine in the preview. After previewing it and going back, it also showed up in editing mode. Try previewing, reloading etc. - it might just need a little while to show up.
Thanks! I'll try that!
Saw it in the preview mode, still not in the editing mode. So strange!
