Брейкпоінти – Михайло Капанага – Medium
Ми всі знаємо, що є великі екрани і є маленькі екрани. Але серед нас є люди (часто вони ще й розробники), які думають, що на екранах шириною 1024 і більше треба показувати маленькі картинки:
А на екранах менше 1024 — добрі, великі картинки:
А все тому, що хлопці мають якісь там умовні брейкпоїнти, під які заганяється вся верстка.
Як насправді треба робити брейкпоінти:
- Берете вікно з початковим станом сторінки, у якому вас все влаштовує.
- Стискаєте, якщо почали з робочої версії. Розтягуєте, якщо почали з мобільного.
- Як тільки при стисканні або розтягуванні вам стало погано від виду сайту, записуєте ширину в брейкпоінт.
- Підверстує під цей брейкпоінт, щоб стало красиво.
- Стискаєте чи розтягуєте далі до поганого вигляду.
З таким підходом брейкпоінти та їх кількість будуть пов'язані з вашим сайтом, а не якимись пристроями та їх розмірами.