In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
I tried to use Google photos for a couple of pictures but can't seem to make them public. There is a way to share to an individual but not apparently to "public". Imagine a picture of a white cow named Shark. I may have to use a different photo sharing app or maybe codepen Pro.
Love it!!! Everything looks great in the HTML. As for the image, it looks like that URL produces a 404 error. It's possible it's the wrong URL, but maybe it has more to do with permissions? It's a private image to you but not public for me? Usually an absolute URL in the <img> tag works fine in CodePen. In any case, thanks for sharing - everything looks great!
There is a way to do this that is surprising and someone wrote a codepen to convert the image URL to make it work. See my answer again for an example and explanation. Maybe there are other tricks to sharing Google Drive (and probably works for Google photos ,too).
🌈🌈🌈🦄🦄🦄 Love the daffodil, love the poem! HTML looks great and YAY FOR CSS! Works great when people use <main> 🤣 (let's hope they do!) Thanks for sharing again!
I saw the Demon Slayer movie last week, so I was excited to incorporate that in this challenge. Also, I'm hosting my image using Lensdump, and it seems to work okay!
Fair enough! No one ever accused HTML of having awesome default styling. Changing the margin isn't a big deal and shouldn't keep you from using the element. 😄
I tried to use Google photos for a couple of pictures but can't seem to make them public. There is a way to share to an individual but not apparently to "public". Imagine a picture of a white cow named Shark. I may have to use a different photo sharing app or maybe codepen Pro.
https://codepen.io/romola/pen/dyWbEOy
Love it!!! Everything looks great in the HTML. As for the image, it looks like that URL produces a 404 error. It's possible it's the wrong URL, but maybe it has more to do with permissions? It's a private image to you but not public for me? Usually an absolute URL in the <img> tag works fine in CodePen. In any case, thanks for sharing - everything looks great!
I may have just changed the folder permissions so the photo might show now. If not, I will keep at it. Thanks.
Another thought -- unless that is the URL for the actual image, it may not work correctly. I still get the 404 error with https://photos.google.com/photo/AF1QipOU3t4q9slZzy_YNmbiI_3-mBrHbZd1jCVMqR4k
See if you can get something that ends in .jpg maybe?...
There is a way to do this that is surprising and someone wrote a codepen to convert the image URL to make it work. See my answer again for an example and explanation. Maybe there are other tricks to sharing Google Drive (and probably works for Google photos ,too).
Will do -- thank you for the pointer!
https://codepen.io/kajal-28/pen/JjWpQqd
🌈🌈🌈🦄🦄🦄 Looks great! You might want to put the <cite> on the poem name rather than the author, but everything else looks awesome!
Done!👍😊
https://codepen.io/kldickenson/pen/yLMyWEY
🌈🌈🌈🦄🦄🦄 Love the daffodil, love the poem! HTML looks great and YAY FOR CSS! Works great when people use <main> 🤣 (let's hope they do!) Thanks for sharing again!
https://codepen.io/jarchaff/pen/gOgJjGz?editors=1100
I saw the Demon Slayer movie last week, so I was excited to incorporate that in this challenge. Also, I'm hosting my image using Lensdump, and it seems to work okay!
Jen KramerApr 26
🌈🌈🌈🦄🦄🦄 Hooray! Looks great!😁
Today I have no time for the challenge. Instead, I have applied it in my work:
https://github.com/Okuyun/Kitap/commit/ce228b
💖💖💖🔥🔥🔥 YAY!!!! We are so happy you're able to use this at work!!! That's even better than a challenge. Thank you so much for sharing!
Using <figure> had an unexpected side effect:
default margins are too large for small screens.
I had to correct this behavior.
Fair enough! No one ever accused HTML of having awesome default styling. Changing the margin isn't a big deal and shouldn't keep you from using the element. 😄
The images looked smaller and it took me two days to find the cause!
Once you know the cause it's easy... but the discovery could a headache.
So I learned several lessons from this figure tag :)
🙌 🎉 🌈🌈🌈🦄🦄🦄
https://codepen.io/kelsey-van-ert/pen/WNRmXoe?editors=1000
🌈🌈🌈🦄🦄🦄 Love it! Great work 😁
🌈🌈🌈🦄🦄🦄 William - fantastic painting! Love the quote that goes with it. HTML looks great, as does the CSS. Very nicely done! 😁