Адаптивна CSS/SCSS верстка за методологією БЕМ (Foundation Layou
Професійний проєкт адаптивної кросбраузерної верстки сучасного інтерфейсу, виконаний з нуля з суворим дотриманням стандартів чистого коду та архітектури стилів.
Реалізований технічний функціонал:
• Архітектура за методологією БЕМ (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