codecademydev/index.html Secret

## 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>Erick's Cheat Sheet to Build Web Pages</title>
    <link href="./styles.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div>
        <h1> HTML & CSS Cheat Sheet</h1>
        <img src="https://devskiller.com/wp-content/uploads/2020/09/screen-html5-devs.jpg" alt="HTML 5 and CSS 3 white logos on red and blue background">
    </div>

    <main>
        <container>
            <h2>HTML</h2>
            <h3>Table Tags</h3>

            <table>
                <thead>
                    <tr>
                        <th scope="col">Tag</th>
                        <th scope="col">Name</th>
                        <th scope="col">Description</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <span>< table ></span>
                        </td>
                        <td>
                            <span>Table</span>
                        </td>
                        <td>
                            <span>Create a HTML table and wrap its data</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>< thead ></span>
                        </td>
                        <td>
                            <span>Table head</span>
                        </td>
                        <td>
                            <span>Relevant titles to describe what the data represents</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>< td ></span>
                        </td>
                        <td>
                            <span>Table Data</span>
                        </td>
                        <td>
                            <span>Create a cell that contains data</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </container>
        <container>
            <h2>CSS</h2>
            <h3>The Box Model</h3>
            <table>
                <thead>
                    <tr>
                        <th scope="col">Property</th>
                        <th scope="col">Value</th>
                        <th scope="col">Description</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <span>Height</span>
                        </td>
                        <td>
                            <span>Number / Preset Config</span>
                        </td>
                        <td>
                            <span>How taller is the target element</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>Width</span>
                        </td>
                        <td>
                            <span>Number / Preset Config</span>
                        </td>
                        <td>
                            <span>How width is the target element</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>border</span>
                        </td>
                        <td>
                            <span>number, type, color</span>
                        </td>
                        <td>
                            <span>Set the border width in number and unit of measurement, type of border & color of the border.</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </container>
    </main>

    <footer>
        Made with ❤ by Erick Palma S. at <a href="https://www.codecademy.com/" target="_blank">Codecademy</a>
    </footer>
</body>
</html>

## styles.css
* {
    font-family: Arial, Helvetica, sans-serif;
}


table {
    border: 2px solid rgb(73, 60, 155);
    width: 650px;
    margin: 0 auto;
  }

td {
    border-top: 2px solid rgb(57, 56, 60);
}

h1, h2, h3 {
    text-align: center;
}

img {
    object-fit: contain;
    width: 100%;
    height: 300px;
}

footer {
    text-align: center;
    padding: 20px ;
    font-style: italic;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
}
	<!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>Erick's Cheat Sheet to Build Web Pages</title>
	<link href="./styles.css" rel="stylesheet" type="text/css">
	</head>
	<body>
	<div>
	<h1> HTML & CSS Cheat Sheet</h1>
	<img src="https://devskiller.com/wp-content/uploads/2020/09/screen-html5-devs.jpg" alt="HTML 5 and CSS 3 white logos on red and blue background">
	</div>

	<main>
	<container>
	<h2>HTML</h2>
	<h3>Table Tags</h3>

	<table>
	<thead>
	<tr>
	<th scope="col">Tag</th>
	<th scope="col">Name</th>
	<th scope="col">Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>
	<span>< table ></span>
	</td>
	<td>
	<span>Table</span>
	</td>
	<td>
	<span>Create a HTML table and wrap its data</span>
	</td>
	</tr>
	<tr>
	<td>
	<span>< thead ></span>
	</td>
	<td>
	<span>Table head</span>
	</td>
	<td>
	<span>Relevant titles to describe what the data represents</span>
	</td>
	</tr>
	<tr>
	<td>
	<span>< td ></span>
	</td>
	<td>
	<span>Table Data</span>
	</td>
	<td>
	<span>Create a cell that contains data</span>
	</td>
	</tr>
	</tbody>
	</table>
	</container>
	<container>
	<h2>CSS</h2>
	<h3>The Box Model</h3>
	<table>
	<thead>
	<tr>
	<th scope="col">Property</th>
	<th scope="col">Value</th>
	<th scope="col">Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>
	<span>Height</span>
	</td>
	<td>
	<span>Number / Preset Config</span>
	</td>
	<td>
	<span>How taller is the target element</span>
	</td>
	</tr>
	<tr>
	<td>
	<span>Width</span>
	</td>
	<td>
	<span>Number / Preset Config</span>
	</td>
	<td>
	<span>How width is the target element</span>
	</td>
	</tr>
	<tr>
	<td>
	<span>border</span>
	</td>
	<td>
	<span>number, type, color</span>
	</td>
	<td>
	<span>Set the border width in number and unit of measurement, type of border & color of the border.</span>
	</td>
	</tr>
	</tbody>
	</table>
	</container>
	</main>

	<footer>
	Made with ❤ by Erick Palma S. at <a href="https://www.codecademy.com/" target="_blank">Codecademy</a>
	</footer>
	</body>
	</html>
	* {
	font-family: Arial, Helvetica, sans-serif;
	}


	table {
	border: 2px solid rgb(73, 60, 155);
	width: 650px;
	margin: 0 auto;
	}

	td {
	border-top: 2px solid rgb(57, 56, 60);
	}

	h1, h2, h3 {
	text-align: center;
	}

	img {
	object-fit: contain;
	width: 100%;
	height: 300px;
	}

	footer {
	text-align: center;
	padding: 20px ;
	font-style: italic;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	}