[Mesa Verde]

Hey im new to this whole making a website thing, How can i achieve a checkout like this

https://gyazo.com/048f5fd2788ccf8f83e21e0b43d9b064

or the same style, it's the only thing stopping me from selling, I looked online and couldn't find anything on it

[Nachfolger]

Throw three DIVs inside a flexbox and text inside those divs. Are you expecting someone to remake this for you? The structure is simple, you'll need to add a little bit of CSS to recreate the exact design, though.

Basic structure reference:

Code

<div class='option-group'>
        <div>
                   <div>line 1</div>
                   <div>line 2</div>
                   <div>line 3</div>
        </div>  
        <div>
                   <div>line 1</div>
                   <div>line 2</div>
                   <div>line 3</div>
        </div>  
        <div>
                   <div>line 1</div>
                   <div>line 2</div>
                   <div>line 3</div>
        </div>  
</div>

Basic CSS:

Code

.option-group {
    display: flex;
    justify-content:
    align-items: center;
}

.option-group div {
   margin: 0 7px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   height: 400px;
}

.option-group div:first-of-type {
    border: 2px solid green;
}

[Mesa Verde]

i would honestly pay howmuch it costs to get it done, il try this out thanks

[sneezing]

If you are still struggling with this or need more help PM me.