JSFiddle - React, Tailwind, and code Playground

by Dan Mathisen

HTML

<div id="top-bar">
	<div id="logo" class="left">
		<a href="homepage.htm">
			<img src=" " alt="logo">
		</a>
	</div>
	<div id="what" class="center">
		<p>
			lorem ipsum
		</p>
	</div
		<div id="when" class="right">
		<p>
			lorem ipsum
		</p>
	</div

</div>
<!--
<div id="navbar">
	<div id="homepage" class="left">
		<a href="homepage.htm">
			Home Page
		</a>
	</div>
	<div id="artists" class="center">
		<a href="artistpage.htm">
			Arists
		</a>
	</div>
	<div id="contact-us" class="right">
		<a href="contactspage.htm">
			Contact Us
		</a>
	</div>
</div>
-->
<!--
<div id="header"
	<div id="artist-image" class="left">
		<img src="artistname.png">
	</div>
	<div id="letter-header">
		<div id="name" class="center">
			<p>
				Artist Name
			</p>
		</div>
		<div id="medium" class="right">
			<p>
				Medium
			</p>
		</div>
	</div>
</div>

<div id="black-bar">
</div>

<div id="portfolio-bar">
	<div id="left-image" class="left">
		<a href="image 1 url" target="_blank">
			<img src="image1artistname.png">
		</a>
	</div>
	<div id="center-image" class="center">
		<a href="image 2 url" target="_blank">
			<img src="image2artistname.png">
		</a>
	<div id="right-image" class="right">
		<a href="image 3 url" target="_blank">
			<img src="image3artistname.png">
		</a>
</div>
-->
<!--
<div id="contact-bar">
	<div id="contact info" class="contacts">
		<p>
			lorem ipsum
		</p>
	</div>
	<div id="contact-link" class="contacts">
		<p>
			<a href="artist facebook" target="_blank">
				Lorem Ipsum
			</a>
		</p>
		<p>
			<a href="artist website" target="_blank">
				Lorem Ipsum
			</a>
		</p>
	</div>
</div>
-->
<!--
<div id="bottom-bar">
	<p>
		Website coded and designed by Eric Orr for the High School Internship Program ran by the Salem Art Association. Contact the webmaster at [email protected]
	</p>
</div>
-->

CSS

/* Grid Based Design                 */
/* Columns = 250 px wide             */
/* Margin = 75 px wide 50 px high    */
/* Made by Eric Orr                  */
/* For the Salem Art Association     */
/* High School Intern Program        */

body
{
background-color:#...