# Editing media queries and pseudo states

<figure><img src="https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FvUd6lVFEytpkz2wO6UOt%2Fmediaquerypicker.jpg?alt=media&#x26;token=e8cc9919-b0b6-40c5-a434-28c158ad9bc4" alt=""><figcaption><p>Choosing a media query to edit in the Visual Editor</p></figcaption></figure>

When selecting media queries, you can choose:

* None (the default state of the element)
* Auto (the last currently matched media query - updates itself automatically depending on your browser's window size)
* Suggested (suggested breakpoints by CSS Pro) - mobile first and then desktop first
* or custom (simply type on the input to create any media query you want)

<figure><img src="https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FuDlEKpHRyM6drdBIQYq7%2Fstatepicker.jpg?alt=media&#x26;token=b5b3bbfe-5756-4e4a-9a87-4658f9df3d19" alt=""><figcaption><p>Choosing a pseudo-class to edit in the Visual Editor</p></figcaption></figure>

When selecting state or pseudo, it shows some options for the specific element, but you simply type on the input to edit any pseudo you want.
