---
url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%B2%D0%B8%D0%B2%D1%87%D0%B5%D0%BD%D0%BD%D1%8F-drupal/drupal-%D0%B3%D0%BB%D0%BE%D1%81%D0%B0%D1%80%D1%96%D0%B9/%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D0%BF%D0%B5%D1%80%D0%B5%D0%BB%D0%BE%D0%BC%D1%83'
title: 'Точка перелому | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T19:16:36+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Термін точка перелому позначає точку в дизайні сайту Drupal, де розміщення сторінки змінюється для різних розмірів екрана. Точки перелому забезпечують гарний вигляд сайту на будь-якому пристрої, від маленького мобільного телефона до великого настільного монітора. Точки перелому задаються в CSS-коді сайту Drupal і спрацьовують, коли ширина вікна браузера сягає певної величини. Коли ширина вікна браузера сягає точки перелому, розміщення сторінки змінюється відповідно до нового розміру.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T19:16:36+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Точка перелому'
      description: 'Термін точка перелому позначає точку в дизайні сайту Drupal, де розміщення сторінки змінюється для різних розмірів екрана. Точки перелому забезпечують гарний вигляд сайту на будь-якому пристрої, від маленького мобільного телефона до великого настільного монітора. Точки перелому задаються в CSS-коді сайту Drupal і спрацьовують, коли ширина вікна браузера сягає певної величини. Коли ширина вікна браузера сягає точки перелому, розміщення сторінки змінюється відповідно до нового розміру.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T19:16:36+0000'
      dateModified: '2026-10-24T19:16:36+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%B2%D0%B8%D0%B2%D1%87%D0%B5%D0%BD%D0%BD%D1%8F-drupal/drupal-%D0%B3%D0%BB%D0%BE%D1%81%D0%B0%D1%80%D1%96%D0%B9/%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D0%BF%D0%B5%D1%80%D0%B5%D0%BB%D0%BE%D0%BC%D1%83'
      articleSection: 'Глосарій Drupal'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%B2%D0%B8%D0%B2%D1%87%D0%B5%D0%BD%D0%BD%D1%8F-drupal/drupal-%D0%B3%D0%BB%D0%BE%D1%81%D0%B0%D1%80%D1%96%D0%B9/%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D0%BF%D0%B5%D1%80%D0%B5%D0%BB%D0%BE%D0%BC%D1%83'
      description: 'Термін точка перелому позначає точку в дизайні сайту Drupal, де розміщення сторінки змінюється для різних розмірів екрана. Точки перелому забезпечують гарний вигляд сайту на будь-якому пристрої, від маленького мобільного телефона до великого настільного монітора. Точки перелому задаються в CSS-коді сайту Drupal і спрацьовують, коли ширина вікна браузера сягає певної величини. Коли ширина вікна браузера сягає точки перелому, розміщення сторінки змінюється відповідно до нового розміру.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/uk'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: uk
---
[Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення Drupal](/uk/hc/documentation/learn-drupal) /[Глосарій Drupal](/uk/hc/documentation/learn-drupal/drupal-glossary) # Точка перелому

 Вивчення DrupalГлосарій Drupal

   ## In this guide

Термін **точка перелому** позначає точку в дизайні сайту Drupal, де розміщення сторінки змінюється для різних розмірів екрана. Точки перелому забезпечують гарний вигляд сайту на будь-якому пристрої, від маленького мобільного телефона до великого настільного монітора. Точки перелому задаються в CSS-коді сайту Drupal і спрацьовують, коли ширина вікна браузера сягає певної величини. Коли ширина вікна браузера сягає точки перелому, розміщення сторінки змінюється відповідно до нового розміру.

Наприклад, сайт може мати точку перелому на 800px. Коли ширина вікна браузера менша за 800px, сайт показує одноколонкове розміщення. Коли ширина вікна браузера більша за 800px, сайт показує двоколонкове розміщення. Це забезпечує гарний вигляд сайту на будь-якому пристрої незалежно від розміру вікна браузера.

Точки перелому є важливою частиною адаптивного дизайну, тобто практики проєктування сайтів із гарним виглядом на будь-якому пристрої. Адаптивний дизайн є ключовою частиною створення успішного сайту в Drupal, а точки перелому є необхідною частиною цього процесу.