Загрузка...

Как можно реализовать эту форму?

Тема в разделе Frontend создана пользователем VINUR 11 фев 2024. 176 просмотров

Загрузка...
  1. VINUR
    VINUR Автор темы 11 фев 2024 112 9 апр 2019
    учусь верстке и не пока не понимаю как можно реализовать подобного вида формы. Подскажите что нужно изучить и для того чтобы реализовать эту штуку: [IMG]
     
  2. Mamashin
    Mamashin 11 фев 2024 10 21 окт 2019
    как минимум css свойства margin, padding, для начала
     
  3. p1err
    p1err 11 фев 2024 Заблокирован(а) 22 18 июл 2022
    ну это рил html, css, js, bootstrap можно для ускорения, но если новичок, то не рекомендую много его использовать, в целом ничего сложного, просто посидеть
     
  4. quarterback
    только флексы сделал .
    <div className="border-black w-[1000px]">
    <div>
    <span>Неделя (1 из 4)</span>
    <div className="flex">
    <span>1</span>
    <span>1</span>
    <span>1</span>
    <span>1</span>
    </div>
    </div>
    <div className="flex">
    <div> День 1 </div>
    <div> День 1 </div>
    <div> День 1 </div>
    <div> День 1 </div>
    <div> День 1 </div>
    <div> День 1 </div>
    <div> День 1 </div>
    </div>
    <div>
    <span>Группа мышц</span>
    <div className="flex">
    <div>Ноги </div>
    <div>Ноги </div>
    <div>Ноги </div>
    <div>Ноги </div>
    <div>Ноги </div>
    </div>
    </div>
    <div className="flex items-center self-center justify-between">
    <div>
    <span>Набор упражнений </span>
    <div className="flex w-[600px] justify-between">
    <span>упражнения </span>
    <span>повторы </span>
    <span>подходы </span>
    <span>отдых </span>
    </div>
    <div className="flex flex-col">
    <div className="flex w-[600px] justify-between">
    <span>Выпады с гантелями</span>
    <span>10</span>
    <span>4</span>
    <span>1 мин</span>
    </div>
    <div className="flex w-[600px] justify-between">
    <span>Выпады с гантелями</span>
    <span>10</span>
    <span>4</span>
    <span>1 мин</span>
    </div>
    <div className="flex w-[600px] justify-between">
    <span>Выпады с гантелями</span>
    <span>10</span>
    <span>4</span>
    <span>1 мин</span>
    </div>
    <div className="flex w-[600px] justify-between">
    <span>Выпады с гантелями</span>
    <span>10</span>
    <span>4</span>
    <span>1 мин</span>
    </div>
    </div>
    </div>
    <div>
    <button>Сохранить программу</button>
    <button>Поделиться</button>
    </div>
    </div>
    </div>
     
    1. Посмотреть предыдущие комментарии (3)
    2. el9in
      quarterback, 
      С телефона жалобу подать не могу)[IMG]
  5. el9in
    el9in 18 фев 2024 lolz.live/threads/7387449 — USDT TRC без комиссии
    Нужно использовать для создания Css, Html, и JS, простая таблица.
     
Top