# Responsive design

To create a responsive app, the first containers you add to a screen must add up to 100% height, for example:

![](https://476758574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvaO9X8rr2FG8JwKkhC%2F-M-CxNCTwG_eFevddPDA%2F-M-Cz_Q4YEFUwtzdjaR1%2FCaptura%20de%20Pantalla%202020-02-03%20a%20la\(s\)%2020.17.47.png?alt=media\&token=95c8e143-851b-4e5a-80e0-9761bf136adc)

You can change the dimensions of the container by selecting the container and clicking the style tab

![](https://476758574-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LvaO9X8rr2FG8JwKkhC%2F-M-CxNCTwG_eFevddPDA%2F-M-DCfAIwEfuthh6mOiB%2Fworking%20with%20containers.gif?alt=media\&token=32781778-0b85-403d-83ab-e6d6ecb18577)