codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Winner of Seria A</title>
    <link rel="stylesheet" href="styles.css" />
    <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=Questrial&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <h1>Cheat Sheet by Dato Khojava 👨‍💻</h1>

    <h3>CSS display</h3>
    <table>
      <thead>
        <tr>
          <th>Property</th>
          <th>Value</th>
          <th>Description</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>display</td>
          <td>inline</td>
          <td>
            allows to display element(s) side by side (cant use with and height
            properties)
          </td>
        </tr>
        <tr>
          <td>display</td>
          <td>inline-block</td>
          <td>
            allows to display element(s) side by side (can be you with and
            height properties)
          </td>
        </tr>
        <tr>
          <td>display</td>
          <td>block</td>
          <td>allows to display element(s) in one line</td>
        </tr>
        <tr>
          <td>display</td>
          <td>none</td>
          <td>allows to hide element(s)</td>
        </tr>
      </tbody>
    </table>
    <h3>CSS position</h3>
    <table>
      <thead>
        <tr>
          <th>Property</th>
          <th>Value</th>
          <th>Description</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>position</td>
          <td>static</td>
          <td>
            default position of HTML elements
          </td>
        </tr>
        <tr>
          <td>position</td>
          <td>relative</td>
          <td>
            allows to position element relative to its normal position (can access top, right, bottom, left properties)
          </td>
        </tr>
        <tr>
          <td>position</td>
          <td>fixed</td>
          <td>
            allows to position element to the fixed place (can access top, right, bottom, left properties)
          </td>
        </tr>
        <tr>
          <td>position</td>
          <td>absolute</td>
          <td>
           element(s) removed from the normal html flow
          </td>
        </tr>
        <tr>
          <td>position</td>
          <td>sticky</td>
          <td>
            behaves same as fixed
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Winner of Seria A</title>
	<link rel="stylesheet" href="styles.css" />
	<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=Questrial&display=swap"
	rel="stylesheet"
	/>
	</head>
	<body>
	<h1>Cheat Sheet by Dato Khojava 👨‍💻</h1>

	<h3>CSS display</h3>
	<table>
	<thead>
	<tr>
	<th>Property</th>
	<th>Value</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>display</td>
	<td>inline</td>
	<td>
	allows to display element(s) side by side (cant use with and height
	properties)
	</td>
	</tr>
	<tr>
	<td>display</td>
	<td>inline-block</td>
	<td>
	allows to display element(s) side by side (can be you with and
	height properties)
	</td>
	</tr>
	<tr>
	<td>display</td>
	<td>block</td>
	<td>allows to display element(s) in one line</td>
	</tr>
	<tr>
	<td>display</td>
	<td>none</td>
	<td>allows to hide element(s)</td>
	</tr>
	</tbody>
	</table>
	<h3>CSS position</h3>
	<table>
	<thead>
	<tr>
	<th>Property</th>
	<th>Value</th>
	<th>Description</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>position</td>
	<td>static</td>
	<td>
	default position of HTML elements
	</td>
	</tr>
	<tr>
	<td>position</td>
	<td>relative</td>
	<td>
	allows to position element relative to its normal position (can access top, right, bottom, left properties)
	</td>
	</tr>
	<tr>
	<td>position</td>
	<td>fixed</td>
	<td>
	allows to position element to the fixed place (can access top, right, bottom, left properties)
	</td>
	</tr>
	<tr>
	<td>position</td>
	<td>absolute</td>
	<td>
	element(s) removed from the normal html flow
	</td>
	</tr>
	<tr>
	<td>position</td>
	<td>sticky</td>
	<td>
	behaves same as fixed
	</td>
	</tr>
	</tbody>
	</table>
	</body>
	</html>