# Responsive Pages

A responsive page is said to be a page that responds and adapts to the size changes of the browser or device. 

The goal is to provide the best experience to the visitor of your site for the device and viewport that they are using be it a desktop, tablet or mobile device. 

There are multiple ways to create responsive pages. 

We will cover some of the ways on this page. 

More info here coming soon. 

## Related Videos

Export artboards and show by desktop, tablet or mobile 

{% embed url="<https://youtu.be/uYVvZbzQTD0>" %}

Export artboards and show by desktop, tablet or mobile&#x20;

{% embed url="<https://www.youtube.com/watch?v=mK9fonyLyY4&list=PLFBNT6gqr5u_NvUaLdHziGES_7Rw8-2pX&index=25&t=0s>" %}

Creating a dynamically height page

{% embed url="<https://www.youtube.com/watch?v=Rg5nzgooyeU&list=PLFBNT6gqr5u_NvUaLdHziGES_7Rw8-2pX&index=23>" %}

Displaying hidden elements on desktop, tablet or mobile

{% embed url="<https://www.youtube.com/watch?v=O4dMZU3jcRc&list=PLFBNT6gqr5u_NvUaLdHziGES_7Rw8-2pX&index=22>" %}

Hide visible elements on desktop, tablet or mobile

{% embed url="<https://www.youtube.com/watch?v=U9TXv0FjeyU&list=PLFBNT6gqr5u_NvUaLdHziGES_7Rw8-2pX&index=21>" %}

Anchoring elements to the edge of the page and centering horizontally and vertically

{% embed url="<https://www.youtube.com/watch?v=jO-_ErLVH6M&list=PLFBNT6gqr5u_NvUaLdHziGES_7Rw8-2pX&index=11>" %}