Как кнопку сдвинуть к правому углу? И не правильно написан html?

HTML

<div class="appointment">
      <div class="appointment__container">
        <form action="" class="appointment__forms forms">
          <input class="forms__name input" type="text">
          <input class="forms__email input" type="email">
          <input class="forms__number input" type="number">
          <input class="forms__service input" type="text">
          <textarea class="forms__area" name="" id=""></textarea>
          <input class="forms__button" type="button" value="Make an Appointment">
        </form>
      </div>
    </div>


CSS

.appointment {

    // .appointment__container

    &__container {
    }

    // .appointment__forms

    &__forms {
    }
}
.forms {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 22px;
    column-gap: 22px;
    justify-content: center;
    background-color: #5D62B5;
    // .forms__name

    &__name {
    }

    // .forms__email

    &__email {
    }

    // .forms__number

    &__number {
    }

    // .forms__service

    &__service {
    }
    
    // .forms__area
    &__area {
        width: 470px;
        height: 180px;
        border: 1px #fff solid;
        background: #5D62B5;
        border-radius: 10px;
    }

    // .forms__button
    &__button {
        font-size: 16px;
       padding: 12px 33px;
       background-color: #F2726F;
       border-radius: 10px;
       color: #fff;
       line-height: 1.5;
       font-weight: bold;
       margin: auto 0;
    }
}

.input {
    border: 1px #fff solid;
    background: #5D62B5;
    border-radius: 10px;
    height: 48px;
    flex: 0 1 224px;
}

  • Вопрос задан
  • 115 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы