JSFiddle - React, Tailwind, and code Playground

by Jitendra Zaa

HTML

<link rel="stylesheet" href="https://raw.githubusercontent.com/JitendraZaa/LightningExamples/master/CDN/styles/salesforce-lightning-design-system.css">
 
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/JitendraZaa/LightningExamples/master/CDN/styles/salesforce-lightning-design-system.css">
<div class="slds">
Bug :
 <div class="slds-grid slds-wrap">
   <div class="slds-size--1-of-2 slds-small-size--1-of-1 " style="border:1px solid black">Box1</div>
   <div class="slds-size--1-of-2 slds-small-size--1-of-1 " style="border:1px solid black">Box1</div>
  </div>
  Modified :
  
    <div class="slds-grid slds-wrap">
             <div class="slds-size--1-of-2 slds-small-size--1-of-1 slds-medium-size--1-of-2" 
             style="border:1px solid black">Box1</div>
             <div class="slds-size--1-of-2 slds-small-size--1-of-1 slds-medium-size--1-of-2" 
             style="border:1px solid black">Box1</div>
       </div>  
</div>