JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0017)https://gnula.nu/ -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="es"><head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="shortcut icon" href="http://gnula.nu/wp-content/uploads/2015/06/natsu_incono_gnula.jpg"><title>G Nula</title><meta name="generator" content="WordPress 5.4.4"><link rel="stylesheet" href="./G Nula_files/style.css" type="text/css" media="all"><link rel="alternate" type="application/rss+xml" title="G Nula RSS Feed" href="https://gnula.nu/feed/"><link rel="pingback" href="https://gnula.nu/xmlrpc.php"> <script type="text/javascript" async="" src="./G Nula_files/analytics.js.descarga"></script><script src="./G Nula_files/cb=gapi.loaded_0" async=""></script><script type="text/javascript" src="./G Nula_files/scroller.js.descarga"></script> <meta name="google-site-verification" content="3-M9O94zQ5ak4w2pT9s9fpZrT4jSIkLlicf8AiA7CwQ"> <script async="" src="./G Nula_files/js"></script> <script>window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-144276616-1');</script> <script type="text/javascript">if(top.location!=this.location) top.location=this.location;</script> <script type="text/javascript" src="./G Nula_files/plusone.js.descarga" gapi_processed="true"></script> <script type="text/javascript">var nW,nH,oH,oW;  function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){    oW=whichImage.style.width;oH=whichImage.style.height;    if((oW==iWideLarge)||(oH==iHighLarge)){      nW=iWideSmall;nH=iHighSmall;    }else{      nW=iWideLarge;nH=iHighLarge;    }    whichImage.style.width=nW;whichImage.style.height=nH;  }</script> <script src="./G Nula_files/jquery.min.js.descarga" type="text/javascript"></script> <script...