Writing Media Queries

Media Queries are an important tool for creating responsive layouts. In Bootstrap Studio it is straightforward to add them to your css. Just choose the Add Media Query option from the CSS block's menu.

You can customize the media rule by clicking and editing it. By default it is prefilled with the size of the canvas as max-width. And if you wish to remove the query entirely, select the Remove Media Query option.