Style Guide - Foundations: Image and Codepen Embeds

[thatblindgeye]

Foundations

This issue is part of the Style Guide Community Project, a way of offering members of The Odin Project community a chance to contribute to our curriculum. Users who wish to take part and contribute to any Style Guide issues should have thoroughly read the layout style guide and The Odin Project contributing guide.

Description of Issue

This issue ensures that images and Codepens are properly embedded.

Each applicable lesson for this issue should meet the following bulleted requirements:

• All image embeds use Markdown syntax only
• All image embeds use statically URLs
  • If they are not, they are converted to statically URLs using our Adding Images to the Curriculum wiki page.
• Codepen embeds are from The Odin Project Codepen account.
  • The embed will include an <a> element with an href attribute that begins with https://codepen.io/TheOdinProjectExamples if it is from the TOP account.
  • If an embed is not from the TOP account, note this in your PR (or make a comment on this issue) so a maintainer can fork the embed(s). Once a maintainer forks the embed(s), you will be notified and able to update the embed with the TOP version.

Acceptance Criteria

• [ ] The following lessons are updated according to the issue description above:
  • [ ] Prerequisites
  • [ ] Git Basics
  • [ ] CSS Foundations
  • [ ] Inspecting HTML and CSS
  • [ ] Understanding Errors
  • [ ] Revisiting Rock Paper Scissors

[Maheshkumar-novice]

@thatblindgeye Can I take this one?

[thatblindgeye]

@Maheshkumar-novice if you're still interested I've assigned you, if not just let me know! 🙂

[Maheshkumar-novice]

@thatblindgeye Yes. I'm interested. I'll work on it.

[Maheshkumar-novice]

Hi @thatblindgeye Sorry for the delay. I've raised the PR.