> ## 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).

# Comment rendre un site web réactif dans Dorik

# Pour commencer

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/gifrecording2022-08-29at43522p_7hvx42.gif)


## Hauteur de ligne et espacement adaptés


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gifrecording2022-08-29at44203p_gksyp9.gif)

---

|  💡 Vous pouvez effectuer des réglages réactifs comme celui-ci pour presque tout dans votre constructeur de site web, partout où vous verrez ces trois icônes ci-dessous :


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-17_t4fi39.png)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-18_9cldmx.png)

---

# Articles connexes

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