Адаптивная CSS/SCSS верстка по методологии БЭМ (Foundation Layout
Профессиональный проект адаптивной кроссбраузерной верстки современного интерфейса, выполненный с нуля с строгим соблюдением стандартов чистого кода и архитектуры стилей.
Реализованный технический функционал:
• Архитектура по методологии БЭМ (Block-Element-Modifier), что обеспечивает полную модульность, легкую поддержку и масштабируемость кода.
• Современный препроцессор Sass (SCSS): использование переменных, миксинов и глубокой вложенности для создания чистой системы стилей.
• Полноценный адаптив: реализовано две четкие контрольные точки для мобильных устройств (mobile версия до 1399px) и мониторов (desktop версия от 1400px+).
• Гибкая постройка каркаса с помощью CSS Flexbox для идеального позиционирования элементов на любых экранах.
• Семантический и валидный код на HTML5/CSS3.
Живой демо-сайт: (вставь сюда ссылку на GitHub Pages этого проекта)
Репозиторий с исходным кодом: (вставь сюда ссылку на репозиторий GitHub)
#html #css #scss #sass #bem #flexbox #adaptive #responsive #верстка #frontend #layout
Реализованный технический функционал:
• Архитектура по методологии БЭМ (Block-Element-Modifier), что обеспечивает полную модульность, легкую поддержку и масштабируемость кода.
• Современный препроцессор Sass (SCSS): использование переменных, миксинов и глубокой вложенности для создания чистой системы стилей.
• Полноценный адаптив: реализовано две четкие контрольные точки для мобильных устройств (mobile версия до 1399px) и мониторов (desktop версия от 1400px+).
• Гибкая постройка каркаса с помощью CSS Flexbox для идеального позиционирования элементов на любых экранах.
• Семантический и валидный код на HTML5/CSS3.
Живой демо-сайт: (вставь сюда ссылку на GitHub Pages этого проекта)
Репозиторий с исходным кодом: (вставь сюда ссылку на репозиторий GitHub)
#html #css #scss #sass #bem #flexbox #adaptive #responsive #верстка #frontend #layout