Autor Zpráva
Kubazduba
Profil *
Dobrý deň, v každom prehliadači mi kód funguje správne, len v google chrome sú prvky posunuté. Prikládam screenshot a kód.
HTML
<h1>Wanna be informed? Give us your e-mail!</h1>
    <form>
        <input type="email" class="email-input" placeholder="Type your E-mail."> <br />
        <button class="send">SEND</button>
    </form>

CSS
.contact > .row {
    margin-top: 250px;
}

.email-input {
    width: 400px;
    height: 50px;
    background: rgba(255,255,255,0.1);
    border: 1px solid #fff;
    color: #fff;
    font-family: "Open Sans";
    font-size: 24px;
    margin-top: 30px;
}


.send {
    font-family: "Open Sans";
    background: rgba(255,255,255,0.1);
    font-size: 24px;
    color: #fff;
    border: 1px solid #fff;
    border-top: none;
    width: 400px;
    height: 50px;
    transition: 0.8s;
}

.send:hover {
    background: #fff;
    color: #000;
}

h1 {
    font-family: "Open Sans";
    color: #fff;
}
Používam bootstrap.
Screen

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: