Build your Own Cheatsheet Challenge Project (HTML, CSS)

ajax1270609057 · May 13, 2024, 9:00pm

Here my apptempt CHeat Sheet Home Page
Any feedback, very much appreciated

art_muro · May 14, 2024, 11:15am

I decided against a HTML table cheat sheet. I felt like I needed to better understand how the Position property in CSS works, so I created this site which demonstrates each type of positioning and explains them in my own words.

Live View

GitHub Repository

text0201631131 · May 14, 2024, 2:35pm

This is great! it really helped me understand this concepts better

xdravynx · May 15, 2024, 5:20pm

xDravynx/Cheatsheet: Table of HTML Colors (github.com)

net9457512828 · May 18, 2024, 9:36pm

Hi, this is a silly question but how do I view the cheat sheet? I’ve downloaded it and I can see the zip file but I’m not sure how to open it

text5595498225 · May 18, 2024, 10:23pm

You have to extract the zip into a folder of your choice. Then you can view the files code in the text editor, and view the website in the web browser.

text5595498225 · May 18, 2024, 10:24pm

My attempt at the cheat sheet.
https://splendorous-fox-7b2b31.netlify.app/

jo_coding · May 19, 2024, 1:39pm

I completed my cheat sheet - nothing fancy. I will save better designs for further down the pathway!

View the code on GitHub
Live Preview

Screenshot

net9457512828 · May 19, 2024, 3:30pm

gist.github.com

https://gist.github.com/codecademydev/5196a3e44ae7f62b61aa66647f34e584

index.html

<!DOCTYPE html>
<html>
<head>
  <link href='styles.css' rel='stylesheet'/>
</head>

<body background-color="gray">
  <div class="html">
  <h2>HTML GLOSSARY</h2>
  <table cellpadding="10px" class="htmlTable">

This file has been truncated. show original

styles.css

td {
  text-align: left;
}

th {
  text-align: left;
  font-style: bolder;
}

h2 {

This file has been truncated. show original

net9457512828 · May 19, 2024, 3:31pm

really love the format! simple but effective

joanna.orlowska · May 19, 2024, 3:42pm

It’s amazing how much effort you have put! The site is much beyond what was required. I have one issue- the link to HTML doesn’t seem to work.

galacticskywolf · May 19, 2024, 4:32pm

Thanks. I appreciate that.

I messed with the Gitpages seetting a bit. Try the link again.

betamaster44016 · May 19, 2024, 5:53pm

I feel that pain.

asulistyo · May 20, 2024, 8:45pm

Hi everyone!

I’ve seen quite a few of other people’s cheatsheets and I feel like mine’s so different from everyone’s. Nonetheless here they are.

Repository link
Live page link

goingfurthur93 · May 21, 2024, 2:32pm

Hello! Wondering how they th elements where made purple in the background??

chip3879737503 · May 22, 2024, 7:18am

Hello, here is my project:

github.com

matteinu/CodecademyCheatSheetProject/blob/main/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display &#38 Positioning, by Matteo</title>
    <link rel="stylesheet" href="./styles.css">
</head>
  <h1>Display &#38 Positioning, a Cheat Sheet by Matteo</h1>
<body>
  <table>
    <tr>
      <th scope="col">Attribute &#38 Value</th>
      <th scope="col">Positioning</th>
      <th scope="col">Display</th>
      <th scope="col">Description</th>
    </tr>
    <tr>
      <td  class="tag">position: fixed</td>
      <td style=" text-align:center">X</td>

This file has been truncated. show original

github.com

matteinu/CodecademyCheatSheetProject/blob/main/styles.css

h1 {
  font-family: monospace;
  font-weight: 900;
}
table, td {
  border: 1px solid blueviolet;
  background-color: cornsilk;
}


th {
  background-color: yellowgreen;
}

.tag {
  font-family: monospace;
  color:brown;
  background-color: black;
  font-weight: 1000;
}

ben-seb · May 22, 2024, 11:56am

After a few months, I started learning again.
my second cheat sheet.

Repository link

Live page link

unfinishedbot · May 23, 2024, 3:34pm

https://johnnnie132.github.io/cheatsheet.github.io/

gaurav52100 · May 24, 2024, 6:42pm

Uploaded my first project on GitHub without getting help from anywhere. Before i started my journey of Full-Stack Engineer with @Codecademy i learned HTML, CSS and little bit of JavaScript from the other sources and that helped me a lot in this course and specially in this project. Thank you everyone and Thank you @Codecademy for becoming a great part of my journey!! I hope we will build more awesome projects in the future. Good luck guys!!

mens0067 · May 27, 2024, 3:38pm

Here is my first project on GitHub! I looks up more HTML and CSS references online so the page is a little long. Will probably update to add a navigation menu/links later.

https://sarahpiano.github.io/HTML-CSS-Cheatsheet/

Topic		Replies	Views
Build a Website Style Guide Challenge Project (HTML, CSS) Challenge Projects	1365	68232	December 9, 2024
Responsive Club Website (CSS) Challenge Projects	918	32795	December 12, 2024
Company Home Page Challenge Project (Css,Flexbox) Challenge Projects	1211	47833	December 10, 2024
Tic-Tac-Toe Challenge Project (C++) Challenge Projects	113	18796	November 12, 2024
Build your Own Cheatsheet Challenge Project (HTML, CSS) Projects	24	1769	October 17, 2024

Build your Own Cheatsheet Challenge Project (HTML, CSS)

Related topics