Build your Own Cheatsheet Challenge Project (HTML, CSS)

yash.khan · April 22, 2024, 12:20pm

Hello!

Here’s what I made,

object7233869555 · April 22, 2024, 5:46pm

Hi everyone ! greetings from Colombia, this is my first cheat sheet but actually I wasn’t able to modify the borders of my tables and I will really appreciate if anybody can help me out with this issue here is my git hope you like it and can help me

camaro3 · April 24, 2024, 12:09am

Here is my cheat sheet attempt.

gist.github.com

https://gist.github.com/LadyLuna37/b9e0ea4acaf108a908664cbaa192c98e

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>HTML Lists</title>
    <link href="styles.css" rel="stylesheet" />
  </head>

  <body>
    <h1>HTML LIST REFERENCE</h1>
    <br />

This file has been truncated. show original

styles.css

*{
    font-family: "Lucida Console", Courier, monospace;
    text-align: center;
}
body {
  background-color: cornsilk;
}
h2 {
  color: white;
  border: 3px solid black;

This file has been truncated. show original

benhensor · April 24, 2024, 3:35pm

Hi everyone, my cheatsheet can be viewed here.

Cheat Sheet

Not extensive but quite an attractive solution that I may add to in future.

Thanks!

cloud9299198776 · April 26, 2024, 12:05pm

hello there!

Please see my version of C
https://www.codecademy.com/workspaces/662b97f1b846a99dc69ee27c

Please let me know if you have any questions!

Thanks.

orn_effe · April 26, 2024, 12:30pm

Hi everyone, greetings from Italy!
This is my cheat sheet : Git Hub
Any feedback is welcome and appreciated.
I hope you enjoy/ find this useful.

youichiuehara5461205 · April 27, 2024, 9:59am

Hello everyone here is my html cheatsheet

live: Cheatsheet Live
Git: Cheatsheet HTML / CSS

beta0897272126 · April 27, 2024, 1:48pm

My attempt at the cheatsheet challenge project:

gist.github.com

https://gist.github.com/codecademydev/75d2773d4b77b2a480873c9a4ec9b578

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Semantic Elements</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>

This file has been truncated. show original

styles.css

body {
  background-color: AliceBlue;
  font-family: "Bitter", serif;
  font-optical-sizing: auto;
  font-size: 2vw;
  font-weight: 400;
  font-style: normal;
}

header {

This file has been truncated. show original

I went for quite modest colours and the “Bitter” font that I particularly like from Google Fonts.

meganinja50916 · April 28, 2024, 11:55am

https://gist.github.com/salimsalim8/31pXLcrpX56Q9EYiZAK1dfHtEuda36RBC7

jorgegb · April 30, 2024, 11:41pm

Hello from the US,
Here is my solution!
It was a fun and fast project, even though I complicated myself using flexboxes and other topics that we have not learnt yet!

https://jorgegb7.github.io/html-cheatsheet-codecademy/

Regards,
Jorge

py2426256428 · May 1, 2024, 1:34am

Hey everyone! Take a look at my code <3

Thank you

github.com

sashashreyder/sashashreyder.github.io/blob/HTML-Cheatsheet/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="/Users/invokedinfinity/Desktop/Codeacademy/Projects/html-css-cheatsheet-starting/resources/CSS/styles.css">
    <title>Cheatsheet</title>
</head>

<body>

    <h1>HTML Cheatsheet</h1>
    <h2>Tags and Descriptions</h2>

    <div>

    <table>
        <tr>
            <th>Tag</th>
            <th>Name</th>
            <th>Description</th>

This file has been truncated. show original

xsghetti · May 4, 2024, 2:33am

Here is my cheatsheat!
Let me know what you think!
https://xsghetti.github.io/cheatsheet/index.html

_nagradgang · May 6, 2024, 2:17pm

Hello, everyone. Updated the link to the project web page and to the source files.

bit1984 · May 9, 2024, 12:58am

Hi everyone. This is my first project and cheat sheet for Codecademy. Looking forward to sharing and learning with you all!

A question…can I make the entire column text bold with a single style command without repetitively typing a class=“bold” in each row?

CSS Cheat Sheet (htmlpreview.github.io)

design1738330773 · May 9, 2024, 9:43am

Took a bit of time to understand github, but this is my work in progress cheat sheet! I had fun making it, and any feedback is appreiciated
My Cheat Sheet

text0201631131 · May 9, 2024, 12:40pm

Heres is mine! Starting CheatSheet the most difficult part was finding the preview link on github

jaykrishnagadhavi · May 10, 2024, 11:17am

Live view
Repository Link

Please review my project.

ajax5698267954 · May 10, 2024, 7:05pm

Hello everyone! This is my CheatSheet project.

https://cheat-sheet-html-and-css-reference.vercel.app/

Cheers

sujana6865 · May 10, 2024, 7:34pm

Here is the link of my github HTML and CSS cheatsheet: GitHub - Sujana6865/HTML-CSS-CheatSheet: This is my first HTML and CSS Cheatsheet.. Feedbacks are much appreciated.

galacticskywolf · May 13, 2024, 12:34am

Here’s my project.
https://github.com/GalacticSkywolf/HTML-Cheatsheet/blob/master/index.html

Feedback is appreciated, and encouraged

Topic		Replies	Views
Build a Website Style Guide Challenge Project (HTML, CSS) Challenge Projects	1382	69222	January 15, 2025
Responsive Club Website (CSS) Challenge Projects	928	32979	January 17, 2025
Build your Own Cheatsheet Challenge Project (HTML, CSS) Front-End html-css	1	54	January 6, 2025
Company Home Page Challenge Project (Css,Flexbox) Challenge Projects	1223	48455	January 17, 2025
Tic-Tac-Toe Challenge Project (C++) Challenge Projects	115	19081	December 30, 2024

Build your Own Cheatsheet Challenge Project (HTML, CSS)

Related topics