Решил проблему?

Позиционировать не в пикселях а в процентах попробуй

как закрасить body чтобы вместе с ней и таблица не закрашивалась

таблице фон дать

Там просто задать этим блокам max-width

Это само собой

ну видимо решил

если есть дизайн то он тоже должен быть мобайл ферст. а то часто так пишут что надо мобайл ферст, но при этом диз сначала рисуют десктоп ферст, а потом придумывают как уместить это в мобилу и рисуют мобилу уже позже. собственно в верстке также приходится поступать потому что зачастую отдают десктоп и говорят верстай что есть а потом дорисуем мобилу. ужас

вообще разница в том что если десктоп ферст, то ты сначала верстаешь для десктопа. потом, если надо, то в медиа запросах будет написано max-width, чтоб изменить вид элемента для экранов менее чем десктоп. Для мобайл ферста ты сначала верстаешь под мобилу а потом расширяешь экран и пишешь в медиа min-width чтоб переопределить то что на них происходит

Сяп

А есть ли готовые решения как "тултип" сделать? Нужно на картинку плюс навесить, а когда на этот плюс жмешь - из плюса открывается окошко с описанием товара.
Как вообще такое делают?

конечно есть. в гугле полно решений как сделать тултип

щас кто-нибудь тебе нагуглит за тебя. подожди )

я не стану. извини

в "+" кладешь скрытый блок, по клику его показываешь. Позиционируешь относительно "+", готово.

это не готовое решение )

ну для меня это готовое решение

я дольше выбирать буду на кодпене, чем сам напишу

это описание механизма\алгоритма решения

тут уже кто-то пытался в аналогии с едой. я тоже попытаюсь )

яичница на тарелке это готовое блюдо
рецепт в книге это алгоритм получения яичницы