I really enjoyed this challenge - it’s nice to finally get my teeth stuck in to something, without the hand-holding. Of course, that said, there were definitely times where I could have done with some hand-holding…
I’ve really learned just how much I have still to learn!
Here’s my page so far. I’m pretty pleased with it but realise I have a lot to learn about tables! Like… how do you size individual cells?My cheatsheet
Hey if anyone interested in reviewing my project it’s here:
Here is the link to my Cheatsheet . I decided to create one about common CSS properties that programmers use regularly. Your feedback is appreciated.
The link to my gist . I added a menu that won’t be very useful at the moment!
Hey there! My name is Mark Mundrucz.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Elements Cheat Sheet</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Just a few HTML Basic Elements</h1>
<h2>HTML Tags</h2>show original
styles.css
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #87CEFA;
}
h1 {
text-align: center;
display: block;
font-size: 50px;
font-weight: bold;show original
etik12
May 19, 2022, 10:18am
#926
Thanks Rodrigo,I really appreciate.
Hi everyone, I’m Jaeheon Kim
GitHub : strong text Markdown 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>Markdown Cheatsheet</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=Roboto+Mono:ital,wght@0,100;0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:wght@300;400;700;900&display=swap" rel="stylesheet">show original
styles.css
/* Universal section */
* {
font-family: 'Roboto Mono', monospace;
background-color: #07101b;
/* color: #e4e4e4; */
box-sizing: border-box;
}
/* Header section */
header {show original
kaer06
May 21, 2022, 4:04pm
#930
Hello Everybody,
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>CSS Selctor</title>
</head>
<body>show original
styles.css
h1 {
font-family: 'Times New Roman', Times, serif;
text-align: center;
}
table {
font-size: 20px;
width: 50%;
margin-left: auto;
margin-right: auto;show original
Check out my HTML Cheatsheet!
Just finished up the project. Added a little bit of extra effects using the :hover pseudo class in CSS.
Check out the source code on GitHub And check out a live demo
(I don't yet know how to make it fit/look good on mobile so pls view on a desktop lol)
Hello People around earth. Here is my attempt at a cheatsheet.
Cheatsheet exercise
Regards from Western Australia.
1 Like
Looks good. How have you progressed since 2020.
regards,
turtok
May 23, 2022, 5:54pm
#938
Hi, didn’t want to waste much time for this little exercise, so i used some random css techniques that came into my mind from the course (don’t bother with the actual content):
Cheatsheet Code
Cheatsheet preview
Here’s my project. Please let me know if you have any constructive criticism. Thanks!
https://wfrench1517.github.io/
index.css
* {
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
}
/*"W" logo*/
#logo {
width: 200px;
border-radius: 6px;show original
index.html
<!DOCTYPE html>
<html>
<head>
<title>HTML & CSS Cheat Sheet</title>
<link href="index.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!--This section is for the logo-->
<header>show original
My first HTML Project ever.
GitHub: GitHub - DexQuest/dexquest.github.io https://dexquest.github.io/
I’d love your reviews and opinions please.
P.S. Codecademy is awesome!
1 Like
I really like the dark background graphic you used with the centered overlay. Looks professional. Looking at your code was a helpful reminder to use <thead> and @fontface. So thanks and nice job on this.
1 Like
