Build your Own Cheatsheet Challenge Project (HTML, CSS)

Thanks to the link you provided I was quickly able to pick up what this whole gist stuff was and figured it out in a few minutes. Thanks! :blush:

GitHub Gist link - click me!

Alright, this is my gist post so, I’m optimistic and happy now! This was easy and fun. Thank you! :man_bowing:

i check out your website and it looks great!! in terms of your codes, your code is really readable so you done pretty good job. keep it up!!

Hello all! This is my first published work, and I would be thrilled to share your opinions and suggestions:
https://m1moraru.github.io/My-cheat-sheet/html-css-cheatsheet/

Hi there, this is my first time sharing a project like this, feel free to give feedback so I can improve :fist_right: :fist_left:

live site
code

Hi, this is my first page.
Cheat Sheet html, Css.

Github repository: GitHub - Suyiko/htmlcss

Live: HTML AND CSS

Hi guys!
Here’s my cheat sheet
live: https://tonneto.github.io/

LIVE: CSS SELECTORS AND SPECIFICITY

CODE: Challenge Project, My firt page HTML & CSS · GitHub

my first published work

Let me know how i did
My Cheat Sheet

This was my attempt at it, I actually had a very basic one made up from last year so I just copied the code and created additional tables to kind of organize everything. I have no artistic ability so sorry if the colors are irritating but here it is:
HTML & CSS Cheat Sheet (brandonm92.github.io)

It took me a while but I was able to post it on github pages

hosted site: Basic CSS Properties

Tried my best

Hello,

Here is my cheet sheet, let me know what you think.

LIVE: Octi`s Ancient Aracane knowledge

Hey guys, I just finished developing my cheet-sheet about Web Fonts and the ways you can import and use them on your project. I’ll leave the links to the repo and the github page.

Repository: GitHub - aeonclouzeau/cheetsheet-html-css: Part of a project from Codecademy Fullstack Career Path, created an off platform cheet-sheet about HTML and CSS subjects seen throughout the lessons. Only using HTML and basic CSS to complete.
Live Page: Web Fonts | Aeon's cheetsheet

Hoping it is a useful reading and you guys re-inforce your knowledge and take value out of it.

Had fun making it and learned new properties and elements I didn’t know, so yep, I took some value out of this project.

Open for recommendations, opinions, etc…

Cheers :wink:

3 Likes

Here’s the gits of that i did – i might do a revamped version in the future

Hi Guys, Here is my version of Build Your own cheat sheet challenge Project solution.
I have used Darkstalegrey color as the base theme color.
URL: Codecademy export · GitHub

Hello,
Here is my cheat sheet web project.
Live: HTML and CSS Project Live

Hello,
I created a cheat sheet about image and video elements. :smile:

I am not sure if it’s any good but here you go!

https://christiand1andonly.github.io/cheatsheet-project/

Hola a todos, les comparto mi proyecto, sencillo y colorido

HTML Reference
<body>
    <h1>HTML Table Reference</h1>

    <h3>Table Tags</h3>

    <table id="tag" border="1">
        <thead>
          <tr class="head">
            <th>Tag</th>
            <th>Name</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>&lt;table&gt</td>
            <td>Table</td>
            <td>Wrapper element for all HTML tables.</td>
          </tr>
          <tr>
            <td>&lt;thead&gt</td>
            <td>Table Head</td>
            <td>The set of rows defining the column headers in a table.</td>
          </tr>
          <tr>
            <td>&lt;tbody&gt</td>
            <td>Table Body</td>
            <td>The set of rows containing actual table data.</td>
          </tr>
          <tr>
            <td>&lt;td&gt</td>
            <td>Table Data</td>
            <td>Table row container.</td>
          </tr>
          <tr>
            <td>&lt;tr&gt</td>
            <td>Table Row</td>
            <td>Table row container.</td>
          </tr>
          <tr>
            <td>&lt;tfooter&gt</td>
            <td>Table Foot</td>
            <td>Set of rows defining the footer in a table.</td>
          </tr>
        </tbody>  
    </table>

    <h3>Table Attributes</h3>

    <table id="attribute" border="1">
        <thead>
          <tr class="head">
            <th>Attribute</th>
            <th>Name</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>  
          <tr>
            <td>colspan</td>
            <td>Column Span</td>
            <td>Defines how many column a td element should span.</td>
          </tr>
        </tbody>  
        <tr>
            <td>rowspan</td>
            <td>Row Span</td>
            <td>Defines how many rows a td element should span.</td>
        </tr>
    </table>
</body>

h1, h3 {
color: brown;
text-align: center;
font-family: roboto, sans-serif;
}
.head {
background-color: bisque;
}

table {
font-family: monospace;
font-weight: 400;
font-size: 15px;
margin: auto;
border: 2px solid brown;
width: 650px;
}

td {
border-top: 1px solid brown;
}

html {
background-color: rgb(247, 245, 242);
}