2023-04-20.15-10-41.mp4
В процессе работы применялись различные технологии и приёмы responsive-вёрстки. Ниже представлены некоторые из них:
- создание сетки макета, с помощью столбцов и строк;
- позиционирование контента в grid-контейнере относительно габаритов зоны просмотра;
- выравнивание контента в grid-контейнере.
- адаптация положения контента при изменении положения экрана просмотра и его габаритов.
- вычисляемые значения функцией калькуляции в .css;
- относительные величины блоков, работа со шрифтами, оптимизация шрифтов, рендеринг;
- процентные соотношения отступов;
- виды изображений работа с изображениями, оптимизация изображений
- вытягивание контента;
- определение свойств элементов и их положения относительно макета страницы;
- Pixel perfect, что это такое и с чем его "едят".