Приклад картинки (srcset)
Відкрий DevTools → Network → Img і подивись, який файл реально завантажився (480/768/1280). Змінюй ширину вікна браузера — буде брати інший розмір.
Hybrid стилі: Tailwind + SCSS
Tailwind + @apply працює з src/styles/tailwind.css.
Твій SCSS живе в src/styles/app.scss (без tailwind директив).
Що де лежить
- • Tailwind/UI-kit:
src/styles/tailwind.css - • SCSS:
src/styles/app.scss+base/*.scss - • JS:
src/js/main.js(імпортуєvendor.js) - • Partials:
src/partials/header.hbs,footer.hbs - • Pages: просто створюй нові
*.htmlв корені — підхопляться автоматично - • Images:
npm run img:build→ webp/avif + 480/768/1280