Build your Own Cheatsheet Challenge Project (HTML, CSS)

Congratulations on completing your project!

Compare your project to our solution code and share your project below! Your solution might not look exactly like ours, and that’s okay! The most important thing right now is to get your code working as it should (you can always refactor more later). There are multiple ways to complete these projects and you should exercise your creative abilities in doing so.

This is a safe space for you to ask questions about any sample solution code and share your work with others! Simply reply to this thread to get the conversation started. Feedback is a vital component in getting better with coding and all ability levels are welcome here, so don’t be shy!

About community guidelines: This is a supportive and kind community of people learning and developing their skills. All comments here are expected to keep to our community guidelines


How do I share my own solutions?

  • If you completed the project off-platform, you can upload your project to your own GitHub and share the public link on the relevant project topic.
  • If you completed the project in the Codecademy learning environment, use the share code link at the bottom of your code editor to create a gist, and then share that link here.

Do I really need to get set up on GitHub?
Yes! Both of these sharing methods require you to get set up on GitHub, and trust us, it’s worth your time. Here’s why:

  1. Once you have your project in GitHub, you’ll be able to share proof of your work with potential employers, and link out to it on your CV.
  2. It’s a great opportunity to get your feet wet using a development tool that tech workers use on the job, every day.

Not sure how to get started? We’ve got you covered - read this article for the easiest way to get set up on GitHub.

Best practices for asking questions about the sample solution

  • Be specific! Reference exact line numbers and syntax so others are able to identify the area of the code you have questions about.
50 Likes

Here’s a gist for my cheat sheet with table reference
the hardest part though was to set up Git & GitHub & to create a gist :)))

41 Likes

A start:

GitHub: https://github.com/WestComputing/cheat-sheet

See it live: https://westcomputing.github.io/cheat-sheet/

77 Likes

Hello)
Here is my first HTML page. Rate it, please.

16 Likes

Hello!
Here is my first HTML page. Rate it, please

5 Likes

GitHub: https://github.com/ErrorCode1703/Table-HTML-Reference

1 Like

Made a basic one here for fun:

And live demo repl.it

3 Likes

My cheatsheet:

1 Like

Hey everyone,
Here’s what I came up with.

1 Like

Hi,
This is my work. I did not exactly stick to the description but i’ve learned a lot, thanks.

3 Likes

Hi all,

Here you can find my cheatsheet assignment. Went a little overboard, but learned a lot. Welcome your comments and feedback. PS: The content is in Dutch my native language. Apologies for that.

2 Likes

Here’s a link to my solution hosted on github pages.

I may have went a bit overboard. And ended up starting a portfolio site. Oops

11 Likes

Here’s mine!

Heres my first table cheat sheet gist, I just copied the one in the example, but think I did a good job!

My version of the project, kind of went a different route.

My quick attempt . I know the links are unnecessary for such a short page but I thought it would be fun practice regardless. Oddly enough, on github the CSS runs fine but when I copy and paste the same code into codeacademy the CSS doesn’t link at all. Fun project!

4 Likes

Here is mine. Nothing to write home about here!

I was so frustrated with the github set up that I eventually give up. The &ltinput&gt element is by far my most favorite HTML element.

https://electricsheep999.github.io/webdev/ live version of my cheatsheet

16 Likes

Hey, this is my project about the Cheat Sheet!

I hope you’ll enjoy!