Build your Own Cheatsheet Challenge Project (HTML, CSS)

davniyson · March 17, 2023, 2:57am

HTML table reference Example :

Online site

Code on Github:

fabiodplacerda · March 17, 2023, 10:31am

Hi guys this is my cheatsheet website.

I would appreciate some feedback thank you

https://elececoding.github.io/cheatsheet.github.io/

code: GitHub - EleceCoding/cheatsheet.github.io

design0788785843 · March 18, 2023, 3:16am

Here’s the link to my Common CSS Properties table page.
feedback is much appreciated

areeb298 · March 18, 2023, 9:28pm

Here is my project solution for the build your own cheat sheet project:

gist.github.com

https://gist.github.com/codecademydev/441e28556d768876c2d2500826d17c23

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Common CSS Properties</title>
  <link rel="stylesheet" href="./styles.css" type="text/css">
</head>

<body>
<h1>CSS Properties Reference</h1>
<h2>Common Features</h2>

This file has been truncated. show original

styles.css

body {
  font-family: Garamond, sans-serif;
  background-color: gainsboro;
  font-weight: medium;
}

h1 {
  font-family: Serif;
  text-align: center;
  font-size: 40px;

This file has been truncated. show original

umi14079523257521 · March 20, 2023, 9:40pm

Here is my Cheat Sheet: GitHub - Umi1407/Cheatsheet-for-CSS-positioning: Cheatsheet

course6090219705 · March 21, 2023, 4:12am

Feedback would be greatly appreciated!
Thank you.

array6810516444 · March 21, 2023, 10:25am

There is no share button at the bottom of my coding space and the link “set up on Github” doesn’t work. is anyone else having these problems?

object0489995045 · March 21, 2023, 2:14pm

I have uploaded my table on git, but how do i see what it looking like on git? I don’t want to see the code, but the final product.

object0489995045 · March 21, 2023, 2:19pm

hey
I also did a positions cheat sheet

Do you know how to see the final product of code on github, without downloading the html and css?

Heres mine:

github.com

smuhlhaus/smuhlhaus.github.io/blob/Codecademy/CheatSheet/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link href="resources/styles.css" rel="stylesheet" />
  </head>
  <header>
    <h1>Positions Reference Table</h1>
  </header>
  <body>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />

This file has been truncated. show original

data5326096229 · March 21, 2023, 4:03pm

Hey !

Here is mine

A simple one that I enjoyed spending time doing it

github.com

Afocodes/Codecademy.github.io/blob/9c51133f595f54cfb8595aa94e1033454781bc22/own_cheat_sheet/index.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cheat Sheet</title>
    <link rel="stylesheet" href="./resources/css/styles.css">
</head>

<body>
    <!--Banner-->
    <h1 id="title">My Cheat Sheet</h1>

    <!--Cheat sheet #1-->
    <div class="css-borderstyle">
        <h2>Css Border Style (border-style)</h2>

        <table class="borderstyletable">

This file has been truncated. show original

Alphonsewan1 · March 21, 2023, 9:04pm

Hi everyone,

here is my cheatsheet, please feel free to rate it or give me some feedback on it! Thank you!

my page: Flexbox Guide

my code: GitHub - alphonsewan/CheatSheetProject

umi14079523257521 · March 21, 2023, 11:08pm

That looks cool and im not sure how to see final code without downloading files. Im still learning github.

Alphonsewan1 · March 23, 2023, 1:39am

You need to go to your repo’s settings and find the “Page” section.
The next step is to go to branch → select the main branch → select root folder, and then click save.

Then you just need to wait a minute until Github deployed your page.
*your repo needs to be set as public, and your main HTML file should be named index.html.

That is how I created my page for my code.

Or you can look at this video: Getting Started with GitHub Pages - YouTube

Hope it helps!

system0940683286 · March 23, 2023, 2:55am

Hi everyone!
Here is my HTML page on Github!

tera9809108721 · March 23, 2023, 10:22pm

Hello everyone!! Here is my iteration of the cheat sheet challenge::Source code , Live demo

luisfpayero · March 24, 2023, 8:48pm

Hi all please check out my code for the Cheat Sheet project:

gist.github.com

https://gist.github.com/LuisFPayero/160025d53933dced3893c1f1be414582

index.html

<!DOCTYPE html>


<html lang="en-us">
  
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="./styles.css" type="text/css">
    <title>The Box Model</title>

This file has been truncated. show original

styles.css

body {
  font-family: Arial, sans-serif;
  background-color: gainsboro;
}

h1 {
  text-align: center;
}

h2 {

This file has been truncated. show original

javiervargas97 · March 25, 2023, 1:17am

Hi! I just finished on this moment the challenge page! Please visit the site and leave a comment, I will appreciate it very much.

gist.github.com

https://gist.github.com/JavierVargas97/ff3fc8289879c15c35d51c1021f0af16

index.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Cheat sheet</title>
</head>

This file has been truncated. show original

style.css

body {
    background-color: #FFFAE5;
}


nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: rgb(187, 201, 185);

This file has been truncated. show original

eddiemac1721 · March 26, 2023, 12:03am

Heres my own attempt at the cheatsheet project:
https://mcvey579.github.io/Cheatsheet/
Many thanks to the members helping me with github and relative path problems with this.

stasiasvet · March 26, 2023, 3:39am

Hello, everybody.
I’m completely newbie and there is my first cheatlist, but not a lot =)) Will be happy to any comment =)
https://stasiasvet.github.io/