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.

To add a media query to a block, just choose the Add Media Query option from the 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. If you wish to remove the query entirely, select the Remove Media Query option.