-
Notifications
You must be signed in to change notification settings - Fork 133
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
проверить страницы на адаптивность #1584
Comments
Привет! Достаточно ли проверить на эмуляторе DevTools или надо на разном оборудовании? |
@JaroslavRusanov Добрый день. Девтулс подойдут |
Готов поработать на новогодних выходных, но я новичок, учусь на frontend на Хекслете (второй проект). Можно задавать вопросы здесь? |
Хм) Тогда лучше задавать вопрсоы в нашем телеграме https://t.me/hexletcommunity/12 |
Добрый день! Здесь есть ещё одно issue на адаптивность (issue#1448) - это одно и тоже задание? |
Добрый день. 1448 скорее про фикс. А тут задача для тестировщиков. |
Правильно ли я понимаю, здесь достаточно указать проблему (скинуть скан, или адрес) с описанием где что ломается? |
да, скриншот, адрес страницы. Главное чтобы понять, что сломалось, чтобы разработчики могли это починить. |
ОК, ловите первую: |
|
адрес и адрес разрешение меньше 576 также отсутствуют отступы. Если в селекторе .row и в заголовках отключить margin-left, margin-right отступы появляются. |
А можете подсказать на каких устройствах расширение 576 и меньше? Если таких устройств мало, может просто забить на них?) |
Это практически каждый телефон. У меня это Pocophone 5m. Если посмотреть на дэвтулсе - это все Iphone от SE до 14го. |
Я поясню, что я имел ввиду под разрешением 576px. Это горизонтальное разрешение (по сути width), телефоны редко бывают шире в горизонтали. Не знаю сколько людей будут учиться и решать задачи на телефоне. Теоретически можно повернуть телефон... |
На примере страницы осилятора (надо зайти авторизованным) в main есть div с классом .container в нем заданы margin-left, margin-right на auto. В них вложены еще div`ы с классом .row в них заданы margin-left, margin-right: calc(var(--bs-gutter-x)*-.5). В девтулсе последние марджи в .row отключаю и появляются нормальные отступы на разрешении (width) менее 576px. |
Problem description
Нет понимания, ок ли наши страницы или есть сломанные
Proposed solution
сабж
The text was updated successfully, but these errors were encountered: