JSFiddle - React, Tailwind, and code Playground

by Tsuneo Yoshioka

HTML

<!DOCTYPE html>
<html>
<head>
<!--link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism.min.css"/-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism-tomorrow.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js"></script>
  <style type="text/css">
  html{
    /* font-size: 64px; */
    width: 1200px;
    height: 1600px;
    border:0;
    padding:0;
    margin:0;
  }
  body{
    border:0;
    padding:0;
    margin:0;
    background-color:#00A7FF;
    /* transform: scale(0.3); */
  }
  .tab-wrapper{
    font-size: 0.9rem;
  }
  .area{
    margin:0 0 80px;
  }
  .tag{
    margin:0 0 20px;
    border-radius:40px;
    padding:8px 24px;
    font-size:40px;
    font-weight:bold;
    display:inline-block;
    background-color:#CCCCCCCC;    
  }
  pre{
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
  }
  .text-box{
    color:white;
    font-size:56px;
    font-weight:bold;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  </style>
  
</head>
<body>


<div style="margin:0 auto; padding:50px 100px;">
<img src="https://paiza.jp/images/ds/logo/paiza/framed.svg" width="300px" height="auto" style="margin:0 auto 20px; display:block;">

<div style="
padding:0;
border-radius:16px;
background: linear-gradient(-65deg, #222 70%, #333 71%, #333);
overflow:hidden;
">

<div style="padding:40px; display:flex; flex-wrap: wrap; gap: 0 20px; background-color:#00000099;">
<div style="width:26px; height:26px; border-radius:13px; background-color:#EC6A5E;"></div>
<div style="width:26px; height:26px; border-radius:13px; background-color:#F4BD4F;"></div>
<div style="width:26px; height:26px; border-radius:13px; background-color:#61C454;"></div>
</div>

<div style="padding:40px;　">
<div class="area">
<div...