Как определить точку перехода brakepoints в макете?

Question

[Дмитрий Щ]

Возник вопрос какие точки брать за переходные версии с десктопной на планшетную и тп.
В psd файле слой планшетной версии называется как 680+. Сам холст размером 780px, а ширина контента 620px.
Что в таком случае брать за точку перехода?

Comments

[Ankhena]

Что в таком случае брать за точку перехода?

Например, ту в которой всё ломается, не помещается или становится некрасивым.

Либо по стандартным брейкпоинтам.

Либо резиной или резиной на vw или с участием calmp (min, max)

Либо комбо этих способов.

[Дмитрий Щ]

Например, ту в которой всё ломается, не помещается или становится некрасивым.

Я думаю ориентироваться по ширине контента (620px) + (20 + 20)px отступ по краям от экрана = 660px - это получается точка перехода, ниже которой планшетная версия уже сломается и пора включать мобильную. Правильно я размышляю?)

[Ankhena]

Дмитрий Щ, я не знаю как у вас всё сверстано и где оно ломается.

Тот блок, который вы показали вообще нигде не должен сломаться.
Разве что размер/жирность шрифта и перенос слов в табах.
Т.е. можно навести красоту на мобилках, убрав табы в выпадашку или задав ширину 100%. Но можно и просто обойтись одними общими стилями.

[Ankhena]

Дмитрий Щ, и когда вы пишете комментарий, а не ответом, то о нем никто не узнает.
Сейчас у меня просто случайно осталась открытая вкладка в браузере.