Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Наука · 17 августа 2026 г.
🎯 Современный способ центрирования с place-items — 17 августа 2026 г. в 19:34:15.770
🎯 Современный способ центрирования с place-items Центрировать элемент — базовая задача, но многие до сих пор пишут лишнее: ❌ Старый способ с Flexbox: display: flex; justify-content: center; align-items: center; ✅ Новый минималистичный способ с Grid: display: grid; place-items: center; 📌 place-items — это сокращение для align-items + justify-items. Работает только с CSS Grid, но зато: * Меньше кода * Более читаемо * Идеально для одиночных элементов в контейнере 💡 Подходит для модалок, карточек, лоадеров и др. ⚙️ Поддержка: все современные браузеры (даже IE11 частично поддерживает place-items как -ms-grid) Пробуй — и забудь про лишние строки! 👉 @frontend_1