Build your Own Cheatsheet Challenge Project (HTML, CSS)

sachiko2396 · November 20, 2023, 10:30am

Here is my cheatsheet project
(my first time making my own website)
Github: GitHub - sachyko/HTMLform
Website: How a Form Works in HTML

Open for any feedback Thanks.

iliacher · November 21, 2023, 12:09am

Hello, my project is here. Maybe not a very useful cheat sheet, I just wanted to practice with tables.

gist.github.com

https://gist.github.com/codecademydev/fd7bed9f33039b81aa6eec20b67f6606

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Forms and Input</title>
    <link href="styles.css" type="text/css" rel="stylesheet" />
  </head>
  <body>
    <table>
      <caption>Forms and Input</caption>
      <tr>

This file has been truncated. show original

styles.css

* {
  margin: 0;
  padding: 0;
  font-family: Arial;
  
}
body {
  height: 100vh;
  display: grid;
  place-items: center;

This file has been truncated. show original

masmerize1984 · November 22, 2023, 3:15pm

Contains some dummy content, but I believe it’s a nicy try.

See live site on:
https://masmerize84.github.io/webdevcheatsheet/

lillaurajane · November 22, 2023, 9:39pm

Hi, please view my code here - GitHub - lillaurajane/cheat-sheet: CSS codecademy Cheat Sheet i’d love some feedback

lillaurajane · November 22, 2023, 9:40pm

This is really cool!

dev6912429613 · November 25, 2023, 12:47pm

HELLO EVERYONE! I built my cheat sheet for this HTML and CSS project. I would really appreciate it if you took a look at the code and the live version and give me feedback and your personal opinions on everything. Thanks you.
Gist on github: MY CHEATSHEET PROJECT FOR CODECADEMY · GitHub
Link to live version/path: C:\DevProject1\index.html

dantevigilante · November 25, 2023, 6:01pm

Hello Jennifer.

I tried to open the link. It shows me the code only. But here is your website:
https://jennyfa360.github.io/

So the CSS doesn’t work and you will have to change this line in the index.html here:

link href=“resources/css/index.css” rel=“stylesheet” type=“text/css”

to

link href=“./index.css” rel=“stylesheet” type=“text/css”

although, I adjusted the address manually using the Chrome Inspect with the above address it will only work temporary. You will have to adjust the address by yourself on the index file.

Otherwise, your html and css looks nice and neat!

Cheers =)

board7543294837 · November 27, 2023, 5:30pm

gist.github.com

https://gist.github.com/DillonGolnick/3223f843b7e0315460bde2344e4beb63

index.html

<!DOCTYPE html>
<html>
<head>
    <title>This is a HTML and CSS Cheatsheet</title>
    <link href="C:\Users\dillo\projects\HTML CSS CHEATSHEET\resources\css\index.css" type="text/css" rel="stylesheet">   
</head>
<header>
    <h1>HTML and CSS Cheatsheet</h1>
    <h4>by: Dillon Golnick</h4>

This file has been truncated. show original

style.css

/* This is the css ruleset */

h1 {
    font-family: monospace;
    font-size: 75px;
    font-weight: bold;
    color: khaki;
    text-align: center;
    
}

This file has been truncated. show original

Hello This is just a start of my own cheatsheet I plan on building out and eleborating on over time. Not sure if I used the gist right. I see I can actually open some peoples websites. Any info on what I did wrong would be great

board7543294837 · November 27, 2023, 5:41pm

https://dillongolnick.github.io/ I added the code to my repo and figured how to link the css code. Hope this is good!

dev6912429613 · November 28, 2023, 12:33am

oh my Gd. Thank you so much for the feedback. I really appreciate it.

bumbitzu · November 28, 2023, 6:03pm

Check out my HTML Cheat Sheet Challenge Project

Hey fellow developers,

I’ve compiled a comprehensive cheat sheet that covers the essential HTML tags, attributes, and elements you need to know for web development. Whether you’re a beginner looking to grasp the basics or an experienced developer in need of a quick reference, this cheat sheet has got you covered.

You can find the project on GitHub, and I’ve also set up GitHub Pages for easy online access. Here are the links:

Feel free to explore the repository, contribute, or use the cheat sheet for your projects.
I’m open to feedback and suggestions to make it even more useful.

Happy coding!

Bumbitzu

dantevigilante · November 28, 2023, 7:15pm

This is very detailed and very helpful! Bravo!

priyanshu07 · November 30, 2023, 7:11am

hii folks ,

I am ready with my first project using html and some style of css .
you can check it live on Web Development CheatSheet .

you can aslo check it on GitHub - priyanshu7781/web-dev-cheatsheet: My First Project at Codecademy Web Dev Cheatsheet

kiernan125 · November 30, 2023, 2:22pm

Hi, I am not sure if I am sharing the gist correctly. But here was my attempt and the live version.

https://kdevop.github.io/refsheet/

Many Thanks,
Kiernan

ebwu · December 3, 2023, 6:41pm

Hi everyone! I would like to share my gist and live site. I was inspired by a couple of sites and enjoyed how they were able to implement certain styling to give off an effect that was unique.

GitHub Repository
Live GitHub Pages

Please let me know what you think about my work and feel free to connect with me on LinkedIn!
“in/lexwmartinez/”

Happy holidays and new year!

course2261783584 · December 3, 2023, 7:58pm

Ok, this project fully broke me. Easy assignment up front, but I kept overthinking it, then avoiding it, so I think it’s best to give ya’ll what I have and move forward. I’d love any feedback ya’ll can offer. Thank you! Theres a lot of open space and some redundancies because I really o wanna return to this and keep fleshing it out as I move through the program.

Thanks everyone!

My Project

villafredy · December 3, 2023, 9:53pm

Hey Everyone! Here is the link to my cheat sheet website, on the topic of “CSS Selectors”.

github.com

Mindmazing/selectorscheatsheet.github.io/blob/main/html-css-cheatsheet-starting/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Selectors Cheat Sheet</title>
    <link rel="stylesheet" href="resources/css/styles.css">
</head>
<body>
    <header>
        <h1>CSS Selectors</h1>
    </header>

    <main>
        <table>
            <thead>
                <tr>
                    <th>Selector</th>
                    <th>Description</th>
                    <th>Example</th>

This file has been truncated. show original

ruby4110111874 · December 4, 2023, 6:53pm

My first time sharing a project

code4170339853 · December 5, 2023, 7:56pm

Hey there, the first sharing of mine with for the tables cheat-sheet.

https://wolle3008.github.io/cheat-sheet/