JSFiddle - React, Tailwind, and code Playground

HTML

<title>Document sans nom</title>
<body>
	<section class="global">
																			
	</section>
																					
</body>

CSS

@media (min-width: 1200px)
	  {

/*********************************************************************************************************D�but du body*******************************************************************************************************************************************/

      body
	  {
	  font-family:Arial, Helvetica, sans-serif;/* un font texte */
	  font-size:11px; /* taille du texte */
	  background-color:red; /* Couleur de fond */
	  color:#000000; /* couleur du texte */
	  /*overflow-y: scroll;*/
	  }

/*********************************************************************************************************Fin du body*********************************************************************************************************************************************/

/*********************************************************************************************************D�but du global*****************************************************************************************************************************************/

      .global
	  {
/*	  background-color:#FFFFFF;*/
	  border-color:#CCCCCC; /* on affiche la couleur de la bordure */
  	  border-style: solid; /*  on affiche le style de l'a bordure */
	  border-width:1px 1px 1px 1px; /* top right bottom left */
 margin-left: auto;
  margin-right: auto;
  width:auto;
  	  }

/*********************************************************************************************************Fin du global*******************************************************************************************************************************************/
	  }

/*********************************************************************************************************Fin du desing Respensive Ecrans...