RainbowUI ｜ Card

                <div class="post-wrapper">
                
                <div class="post-head">
                
                <div class="post-avatar">
                <img
                class="avatar"
                src="https://media.raritysniper.com/hape-prime/6435-600.webp"
                alt="avatar-img"/></div>
                
                <div class="post-details">
                
                <p
                class="post-username">HapePrime6435</p>
                
                <p class="post-time">12 hrs
                ago</p>
                
                </div>
                
                </div>
                
                <div class="post-body">
                
                <div
                class="post-text-wrapper">
                
                <p
                class="post-text">
                painting!!!</p>
                
                </div>
                
                <div class="post-image">
                
                <img
                class="responsive-img"
                src="https://i.pinimg.com/564x/79/ad/08/
79ad084fb7bd9fe999e28cdb4b98e160.jpg"/>
                
                </div>
                
                </div>
                
                </div>

Shopping card

Balenciaga Jacket

$2229

                <div
                class="card-wrapper">

                <div class="card-head"> 

                <img
                class="card-img"
                src="https://i.pinimg.com/564x/8d/57/dc/8d57dc0c845f12a012d5b0e39803d8c6.jpg"
                alt="" /> 

                <div
                class="card-banner">

                ON SALE 

                </div> 

                </div> 

                <div class="card-body">
                
                <div class="card-info">
                
                <p class="card-name">
                Balenciaga Jacket </p>

                <p
                class="card-price">$2229</p>
                
                </div> 

                <div
                class="card-btn-wrapper">

                <button
                class="primary-btn">Add to
                cart</button>

                </div>

                </div> 

                </div>