Here is my project. If anyone whant’s to see it. Thank you for your time
HTML Table Reference
Straightforward project. I wanted to be more creative but did not want to take too much time. Overall, I understand how to build tables and use proper selectors in CSS.
Hello everyone!
I just finished my project, which will be updated during the course with the most important topics. I would love to get some feedbacks and know how you would improve it!
Repo: GitHub - Andre-DM/Coding-Cheat-Sheet: Coding Cheat Sheet Project for Codecademy
Live site: HTML Cheatsheet
2 Likes
Hi!
Here’s my finished project!
Here is my cheatsheet~! Please let me know what you think
Hi, I’m Monica and this is my cheatsheet with CSS table elements from github.
I agree with @djuliny the hardest part was git & github 
https://github.com/Monica-tech75/stylesheet-project/commit/d8599726395f66429feb31fc6b88095db5c650d2
Still not sure i get it all but thanks codecademy and all people around.
Wow you did a good job! I am looking forward to your javascript part!
1 Like
Thank you! I hope I will be able to meet your expectations!
Hey everyone!
Here is my take on the Cheatsheet project. Never mind the colors - I was just having fun.
Hello everyone, I’m happy to be a part of this wonderful community!
I’m proud to share with you my first HTML and CSS project: my Cheatsheet on the CSS Position property. I’m still very bad at creating a personal visual style, so I tried to emulate the one from Codecademy.
Here is the code on GitHub: GitHub - fedegmb935/css-position-cheatsheet: Build your Own Cheatsheet Challenge on Codecademy.com
Here’s the live version: CSS Position Property
Hey guys, please review my work
Only one word can describe this and it’s clean. Great job with this. I can’t think of a single critique and I combed through the code pretty intensively.
If I absolutely had to suggest something, perhaps you could’ve specified the scope of the rows like you did with the columns but that’s literally all I can think of.
Great job! 
Be wary of the order you’re placing your header tags. Remember to always start with h1 and work your way down as you add descending header tags.
Other than that, solid work
Please check out my code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>Common HTML Tags and CSS Properties</title>
</head>
<body>
<h1>Common HTML Tags and CSS Properties</h1>
<h2>HTML Tags</h2>
<table>
<thead>
<tr>
<th>Tag</th>
<th>Description</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td><a></td>
<td>Anchor (link)</td>
<td><a href="https://www.example.com">Link</a></td>
</tr>
<tr>
<td><p></td>
<td>Paragraph</td>
<td><p>This is a paragraph.</p></td>
</tr>
<tr>
<td><img></td>
<td>Image</td>
<td><img src="image.jpg" alt="Image"></td>
</tr>
<tr>
<td><ul></td>
<td>Unordered list</td>
<td>
<ul>
<br>
<li>Item 1</li>
<br>
<li>Item 2</li>
<br>
</ul>
</td>
</tr>
<tr>
<td><ol></td>
<td>Ordered list</td>
<td>
<ol>
<br>
<li>Item 1</li>
<br>
<li>Item 2</li>
<br>
</ol>
</td>
</tr>
<tr>
<td><table></td>
<td>Table</td>
<td>
<table>
<br>
<tr>
<br>
<td>Cell 1</td>
<br>
<td>Cell 2</td>
<br>
</tr>
<br>
</table>
</td>
</tr>
<tr>
<td><form></td>
<td>Form</td>
<td>
<form action="/submit </td>
</tr>
</tbody>
</table>
<h2>CSS Properties</h2>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td>color</td>
<td>Text color</td>
<td>color: blue;</td>
</tr>
<tr>
<td>font-size</td>
<td>Font size</td>
<td>font-size: 16px;</td>
</tr>
<tr>
<td>font-weight</td>
<td>Font weight</td>
<td>font-weight: bold;</td>
</tr>
<tr>
<td>text-align</td>
<td>Text alignment</td>
<td>text-align: center;</td>
</tr>
<tr>
<td>background-color</td>
<td>Background color</td>
<td>background-color: #f5f5f5;</td>
</tr>
<tr>
<td>width</td>
<td>Width of an element</td>
<td>width: 200px;</td>
</tr>
<tr>
<td>height</td>
<td>Height of an element</td>
<td>height: 150px;</td>
</tr>
<tr>
<td>margin</td>
<td>Outer margin of an element</td>
<td>margin: 10px;</td>
</tr>
<tr>
<td>padding</td>
<td>Inner padding of an element</td>
<td>padding: 20px;</td>
</tr>
<tr>
<td>border</td>
<td>Border around an element</td>
<td>border: 1px solid #ccc;</td>
</tr>
<tr>
<td>display</td>
<td>Display behavior of an element</td>
<td>display: block;</td>
</tr>
<tr>
<td>position</td>
<td>Positioning of an element</td>
<td>position: relative;</td>
</tr>
<tr>
<td>float</td>
<td>Float an element to the left or right</td>
<td>float: left;</td>
</tr>
<tr>
<td>clear</td>
<td>Clear floating elements</td>
<td>clear: both</td>
</tr>
</table>
CSS
body {
font-family: Arial, sans-serif;
}
table {
width: 80%;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}
th, td {
padding: 10px;
border: 1px solid #ccc;
}
th {
background-color: #f5f5f5;
font-weight: bold;
text-align: left;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
h1 {
text-align: center;
font-size: 50px;
}
h2 {
text-align: center;
padding-top: 10px;
}
type or paste code here
Hey there! For big chunks of code like this, would you mind creating a Codecademy workspace? This lets us view the code in its entirety and how it’s displayed visually. Thank you!