Загрузка...

How can this form be implemented?

Thread in Frontend created by VINUR Feb 11, 2024. 197 views

  1. VINUR
    VINUR Topic starter Feb 11, 2024 112 Apr 9, 2019
    учусь верстке и не пока не понимаю как можно реализовать подобного вида формы. Подскажите что нужно изучить и для того чтобы реализовать эту штуку: [IMG]
     
  2. Mamashin
    Mamashin Feb 11, 2024 10 Oct 21, 2019
    как минимум css свойства margin, padding, для начала
     
  3. p1err
    p1err Feb 11, 2024 Banned 22 Jul 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. View previous comments (1)
    2. Falcon_Extra
      quarterback,
      HTML
      А мог бы так сделать
    3. quarterback
    4. el9in
    5. View the next comments (2)
  5. el9in
    el9in Feb 18, 2024 lolz.live/threads/7387449 — USDT TRC без комиссии
    Нужно использовать для создания Css, Html, и JS, простая таблица.
     
Loading...
Top