JSFiddle - React, Tailwind, and code Playground

by Eric Blanchette

HTML

<div class='hero'>
	Eric Blanchette
</div>


<!-- Like what you see? -->
<div class='contact'>

</div>



<div class="cards">

	<div class="card">A</div>
	<div class="card">B</div>
	<div class="card">C</div>


</div>

SCSS

body {

	font-family: Arial;
	
	padding: 0;
	margin: 0;
	

}

.hero {
  padding:10px;
	
	font-size:24px;
	font-weight:bold;	
	

}

.card {
	border: solid 1px blue;
	max-width:200px;	
}

JavaScript

class Cards {

	constructor() {	
		this.cards = document.querySelectorAll('.cards');
		this.onClick = this.onClick.bind(this);
		this.addEventListeners();		
	}
	
	addEventListeners() {
		document.addEventListener('clikc', this.onClick);		
	}
	
	removeEventListeners() {}
		
	onClick(evt) {
		console.log('click!');
		
	}
	
	update() {
	
	
	}
}



new Cards()