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 considered using footnotes but the links to the books also make sense. I didn't provide any references for the graphic, but the link was in the < h2>.
Nicely done! You could assign your "tab" class to the <pre> tag in the ASCII art -- as in <pre class="tab">. This still works and eliminates the extra <div>. The rest of it looks fantastic -- great work!!!
🥋🥷🏽🗡 NINJA moves, Karen! Nicely done - love the CSS printing tip. Wouldn't it be nice if everyone included something similar in their site? Love the daffodil too!
🎉🎉🎉🔥🔥🔥 Super fun Cheshire Cat -- so on brand with #30DaysofHTML 😄 I am not sure if your caption works for accessibility purposes since it's inside of the <pre> tag. You might want to move it out, which gives it prettier formatting and hopefully works better for accessibility. The q and cite look great, though!
🎉🎉🎉🔥🔥🔥 Love the bat!!! HTML comments are an excellent tip, too. Did you put this in a blockquote because you're quoting yourself?... if you're providing an opinion here, you could just list this as a paragraph, I think. You might also consider a sample of what an HTML comment looks like -- how would you mark that up? Great job!
🎉🎉🎉🔥🔥🔥 Bonus points for your OWN ASCII art, William! Maybe you should work your initials in there to sign it? LOVE your bash tips -- great job marking this up! Consider a <code> tag inside of the <pre> at the beginning. Excellent work once again!
Day 12
https://codepen.io/kajal-28/pen/ZEeYNWE
😻 😻 😻 Lovely panther! You may want to mark this up with <figure> and <figcaption> to better give a text description of the art. Thanks for sharing!
👍Thank you. I will add it.
https://codepen.io/romola/pen/WNpeeNv
I considered using footnotes but the links to the books also make sense. I didn't provide any references for the graphic, but the link was in the < h2>.
Nicely done! You could assign your "tab" class to the <pre> tag in the ASCII art -- as in <pre class="tab">. This still works and eliminates the extra <div>. The rest of it looks fantastic -- great work!!!
Thanks. I will change that.
https://codepen.io/kldickenson/pen/xxgWoeW
🥋🥷🏽🗡 NINJA moves, Karen! Nicely done - love the CSS printing tip. Wouldn't it be nice if everyone included something similar in their site? Love the daffodil too!
https://codepen.io/kelsey-van-ert/pen/eYgMdWK?editors=1000.😸
🎉🎉🎉🔥🔥🔥 Super fun Cheshire Cat -- so on brand with #30DaysofHTML 😄 I am not sure if your caption works for accessibility purposes since it's inside of the <pre> tag. You might want to move it out, which gives it prettier formatting and hopefully works better for accessibility. The q and cite look great, though!
https://codepen.io/jinsbai/pen/gOgePra
🎉🎉🎉🔥🔥🔥 Love the bat!!! HTML comments are an excellent tip, too. Did you put this in a blockquote because you're quoting yourself?... if you're providing an opinion here, you could just list this as a paragraph, I think. You might also consider a sample of what an HTML comment looks like -- how would you mark that up? Great job!
https://codepen.io/rfy/pen/WNRMVeR?editors=1100
🎉🎉🎉🔥🔥🔥 Well done! Love the campfire guy. I did not realize that CodePen had some built-in styling for its JavaScript snippets! Great work!
https://codepen.io/jarchaff/pen/VwPXqxZ?editors=1000
I think both of these tags are super useful!
🎉🎉🎉🔥🔥🔥 Bonus points for your OWN ASCII art, William! Maybe you should work your initials in there to sign it? LOVE your bash tips -- great job marking this up! Consider a <code> tag inside of the <pre> at the beginning. Excellent work once again!