верстка не подстраивается под конкретное устроиство, она должна выглядеть нормально на всех.
v4-alpha.getbootstrap.com/layout/overview
у бутстрапа удобные брекпоинты
5 конрольных точек, между ними ширина контейнера фиксированна и он отцентрован, т.е дополнительные медиа не нужны.
А телефоны сами выберут себе нужную ширину
после отправки формы перенаправляете пользователя (у вас же есть php обработчик формы?) на якорь с id элемента с окном
demo.html#openModal
и оно откроется
я с нуля изучал по фримену
там по ходу книги пишешь игру морской бой, весь код разжевывают. Она получится примитивная с 3 корабликами и 1 полем, но его потом можно превратить в полноценный уже самостоятельно, закрепив язык.
вот так sdfgdfg.esy.es/mb
после этого js-а для верстальщика хватит с головой.
Есть еще плагин droppable, без него никак. codepen.io/SkiperX/pen/LbBGWP
навесил droppable на сами элементы, чтобы можно было указать место куда поместить, а не только в конец колонки.
для перемещения в пустые колонки нужно добавить droppable к самой колонке по аналогии.
бутстрап, когда модалку открывает, добавляет body padding-right по величине скролла и overflow:hidden
Чтобы страница под открытой модалкой не скроллилась
codepen.io/SkiperX/pen/KNvyJg
функция total_cost(e) записывала значения в элементы, которые есть в обеих таблицах.
Теперь ей передается таблица, где был клик. И она ищет элементы только внутри нее.
Ну и 2 id одинаковых нельзя в html
Сделать обрезку картинок под нужный размер в cms - самый лучший вариант
или object-fit: contain или cover;
или выравнивать по центру маленькую картинку
или пишем в атрибуте style background-image, почему нет? на натяжку верстки это не влияет. у бг и картинки разные возможности для стилизации, иногда нужно именно бг.