> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Responsive Settings

# Getting Started

Responsive refers to the modern web design approach that allows websites and pages to render (or display) on all devices and screen sizes by automatically adapting to the screen based on its content. Whether it’s a desktop, laptop, tablet, or smartphone, the arrangement will be stable and standard. On your builder, every component is almost automatically responsive, yet you can adjust or change them according to your preference on different devices.

---

# Adjusting Responsive Settings

Responsive settings come in many forms, whether it is adjusting the line height or text size, you can use it on almost any component. Let us take an example where we change some responsive settings of a text element. Follow the steps given below:

## Responsive Alignment


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-29-at-21_1w5mnoz.gif)


---

## Responsive Line Height and Spacing

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-29-at-21_js5brc.gif)


---

|  💡 You can do responsive settings like this for almost anything in your website builder, wherever you will see these three icons below:


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_pxxf37.png)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_zmtn8t.png)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_2f2vis.png)


---

# Related articles

[Page Settings](/en/article/page-settings-18ptbd5/)
[Hide Components/Elements on Different Devices](/en/article/hide-componentselements-on-different-devices-vtpey6/)