JSFiddle - React, Tailwind, and code Playground

by Oliver Weidner

HTML

<!DOCTYPE HTML>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<link rel="stylesheet" href="meinestyles.css">
<style type="text/css">
#mywrapper main * { margin:0; padding:0;}
#mywrapper main , header , footer { width:90%; margin:0px  auto; padding:10px; font-family: 'Poiret One'; line-height:20px;  letter-spacing:1px; box-sizing:border-box;}
#mywrapper main { background: #fff;}
#mywrapper header { background:#8B4513;padding:1em ; color:#fff; font-weight:bold;}
#mywrapper section { padding:10px 0; text-align:center;}
#mywrapper article { text-align:center; background:#8B4513; padding:20px; margin-right:10px;}
#mywrapper article:last-child { margin-right:0;}
#mywrapper article a { color:#8B4513; font-weight:bold;}
#mywrapper .descripe h3 { padding:10px; font-weight:bold; font-size:1.5em;}
#mywrapper h3 { padding:10px; font-weight:bold; font-size:5em;}
#mywrapper p { padding:10px;}
#mywrapper h3 b { display:none;}
#mywrapper footer { padding:10px; background:transparent; text-align:right; color:#8B4513;}
#mywrapper footer a { color:#8B4513; text-decoration:none; font-family:sans-serif;}
#mywrapper table { margin-top:30px;width:100%; border-collapse:collapse; font-family:arial; border:1px solid #999; background:#fff;}
#mywrapper th,#mywrapper td { text-align:left;padding:5px; border:1px solid #999;}
#mywrapper th { width:30%;}
#mywrapper caption{background:#8B4513; color:#fff; padding:5px; text-align:left;}
#mywrapper .gal { margin:50px 0; border-top:2px solid #eee; border-bottom:2px solid #eee;}
#mywrapper .gal ul { list-style:none; display:flex;}
#mywrapper .gal li { margin:10px; background:#eee; display: flex; align-items: center;}
#mywrapper .gal img { width:100%;display:block;}
#mywrapper .gal a { display:block;  padding:22px; outline:none;}
#mywrapper .flex { display:flex;}
#mywrapper .descripe { padding:1em ; text-align:left;}
#mywrapper .info {  background:#8B4513;...