JSFiddle - React, Tailwind, and code Playground

by Angeli Schwartz

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-widthdiv id="studentname" class="button"</div>
  <div id="studentname" class="button">Angeli Schwartz</div>
  <h1>CSCI E-3 Unit #1 Project</h1>
  <h2>What you're learning:</h3>
  <p>This project is designed to help you get your development
        environment for HTML/CSS/Javascript set up, and to demonstrate that
        you've got the basic set up for modifying and writing code, debugging,
        and submitting your assignments. By the end of this project, you'll
        have installed some tools, debugged and fixed some code, and packaged it
        for handing in. Note: The tasks 1–5 below are completed in the PartA folder; task 6 is completed in the PartB folder. </p>
        <h3>What you need to do:</h3>
      <ol>
        <li>Examine this package</li>
        <li>Get a code editor</li>
        <li>Get Firefox &amp; Firebug</li>
        <li>Find and fix the bugs</li>
        <li>Prepare your homework package to submit</li>
        <li>Convert a JSFiddle example into local code</li>
      </ol>
</head>
<body>

</body>
</html>

CSS

#studentname{
	border:1px solid darkgray;
  color: maroon;
  font-weight: bold;
	padding:.7em;
	background-color: gray;
	width:40%;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
}