Buttons desalinhados

Front-end CSS
#1

imagem:

image
image.png1366×768 84.9 KB

os buttons estão no canto inferior esquerdo, código css:
.estilo02{

    display:inline-flex;

    width:15%;

    height:50%;

    box-sizing:border-box;

    border:0.5vw solid #ffffff;

    background:#222222;

    font-size:1.25vw;

    color:#ffffff;

    cursor:pointer;

    outline:0;

    user-select:none;

    font-family:smile;

    padding:0%;

    margin:0%;

    margin-left:1.5%;

    margin-bottom:5%;

    margin-top:-7.5%;

}

o que está causando isso??

#2

Seria interessante você postar o html dessa área inferior (suponho que é uma div), ou mesmo reproduzir essa seção em um site como o https://jsfiddle.net/ , onde você pode testar essa seção e colocar um link aqui.

Também é importante você inspecionar os elementos com as ferramentas do desenvolvedor (F12) para ver o que está sendo aplicado efetivamente (como margens ou padding).

Abraço.

1 curtida