JSFiddle - React, Tailwind, and code Playground

by BLOBBY

HTML

<!-- Images
- We can make web pages more interesting by adding local or internet based images using the <img> tag. Add the image tag: (with attributes) to your Mario Bros. JSFiddle, below the <h1> tag.
- Local file images need to provide attributes of location and file name.
- Internet file images need to provide a full web address (URL) to the file host.
- Go to Wikipedia and choose an interesting page. Right click on a picture and choose copy image URL to place it on your page.
-->

<body>
<h1>DEW BROS.</h1>
	
<img width='230' src='http://s8.postimg.org/hjhl4eql1/Mario.png'/>
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Shigeru_Miyamoto_GDC_2007.jpg/220px-Shigeru_Miyamoto_GDC_2007.jpg'/>
	
<p>DEW Bros is a MLG game created by Snoop Dog in 1776. It is the 1st in a series of games that are popular all over the world.</p>
    
<h2>CHARACTERS</h2>
    
<p>In the game, dew and his younger brother are Fat dorito plumbers. They fight noobletts that come up from the spawn points below New Dank City. Mario kills them by noscoping them on their backs and memeing them away.</p>
    
<h2>ENEMIES</h2>
    
<ul>There are four enemies:
    <li>the noob, which just walks around; shrek, which you have to hit twice to scope over;</li>
    <li>REKTER SHREKTER which moves by jumping and can only be scoped when it is REKT on a wall;</li>
    <li>the MLG BoI, which turns ground and buildings into slippery memes. You can noscope the MLG BoI straight away when you REKT it from below.</li>
</ul>
</body>

CSS

p {
    color: red;
}

h1 {
    color: blue;
}

h2 {
    color: green;
}

ul {
    color: yellow;
}

li {
    color: orange;
}