MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: casinoion.php

<div id="main-content" style="background: var(--content-box-background)"><div id="mobile-content" style="padding: 24px; box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;">    <div class="panel panelbg">
       <div class="desktop-only"><h3 class="pb-4">Live Casino</h3></div>
           <div class="panel-body">
           
                <style>
    
    .slotarea {
        height: 800px;
         overflow:auto;
        width: 100%; 
        display: grid; 
        grid-template-columns: repeat(5, 1fr);
        gap-y: 25px;
        margin-bottom: 40px;
    }
    
    .casinoarea {
        overflow:auto;
        width: 100%; 
        display: grid; 
        grid-template-columns: repeat(4, 1fr);
        gap-y: 25px;
        margin-bottom: 24px;
    }
    
    .five {
        grid-template-columns: repeat(5, 1fr);
    }
    
    .gameitem {
        padding: 20px;
        padding-top: 0px;
    }
    
    .gameitem>img {
        width: 100%;
        max-width: 100%;
        object-fit: contain;
    }
    
    .gameitem>figcaption {
        overflow-wrap: break-word;
    }
    
    .casinoimg {
        border-radius: 10px;
        border: 1px solid #000; 
        box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px;
    }
    
    @media only screen and (max-width: 500px) {
        .slotarea, .casinoarea {
            height: 100%;
            grid-template-columns: repeat(3, 1fr)!important;
        }
        
        .gameitem {
            padding: 6px;
        }
        
        
    }
    
</style>

<div style="margin-top: 10px"><h2 style="margin-bottom:30px"><img src="https://img.viva88athenae.com/ion/images/logo_w.png" alt="ION CASINO" style="margin-top:-20px; height: 45px"></h2><div class="casinoarea">                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/ion/images/baccarat.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Baccarat</figcaption>
                    </figure>
                                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/ion/images/roulette.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Roulette</figcaption>
                    </figure>
                                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/ion/images/sicbo.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Sicbo</figcaption>
                    </figure>
                                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/ion/images/dragontiger.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Dragon Tiger</figcaption>
                    </figure>
                </div><div style="clear:both"></div></div>

</div>
    </div>
    </div>