- Теория
- Теория
Тестируем вёрстку
Наш список отлично выглядит. Настало время его протестировать.
Мы уже говорили о тестировании, когда верстали навигацию. Тогда мы проверяли компонент на переполнение, а теперь посмотрим, как наша вёрстка ведёт себя при разной ширине окна браузера. Это важно проверить, потому что посетители сайта используют устройства с разной шириной экрана, и страница не должна ломаться ни на одном из них.
Чтобы протестировать список карточек, мы будем имитировать разную ширину окна браузера, изменяя значение свойства width у тега <body>. От ширины страницы зависит количество карточек в ряду. Посмотрим, что случится, если в ряду окажется не три карточки, а больше или меньше.
Чтобы при увеличении ширины страницы не появлялась горизонтальная полоса прокрутки, используйте кнопку уменьшения масштаба. Она находится справа от мини-браузера.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
