JSFiddle - React, Tailwind, and code Playground

by Chintan Upadhayay

HTML

<div class="sh-modal">
                <div class="sh-modal-container">

                    <div class="sh-login-wrapper sh-modal-sm-12">
                        <h2>Free Society Hive Login / Register</h2>  
                        <div class="sh-login-left sh-modal-sm-6">
                            <div class="sh-signup-benifits">
                                <h4 class="sh-benifit-heading">Benefits of Society Hive Account</h4>

                                <div class="sh-benifits-content">
                                    <ul>
                                        <li><span class="bg-image"></span><span class="text">Peace of mind</span></li>
                                        <li><span class="bg-image"></span><span class="text">Quality of Life</span></li>
                                        <li><span class="bg-image"></span><span class="text">Enhanced Security</span></li>
                                        <li><span class="bg-image"></span><span class="text">Legally Safe</span></li>
                                        <li><span class="bg-image"></span><span class="text">Private Website</span></li>
                                    </ul>
                                </div>
                            </div>  
                        </div>
                        <div class="sh-login-right sh-modal-sm-6">
                            <div class="sh-forms-container"> 
                                <div class="sh-login-header-wrapper">
                                    <ul class="sh-modal-tabs">
                                        <li class="sh-selected" data-login-tab="singin">Log In to Society Hive</li>
                                        <li data-login-tab="singup">Register</li>
                                    </ul>
                                </div>

                                <div class="form-container">

                                    <div class="sh-form-wrapper login-form-wrapper current-tab"...