---
id: 5d822fd413a79914d39e993a
title: Part 114
challengeType: 0
dashedName: part-114
---
# --description--
A media query can be used to change styles based on certain conditions, and they look like this:
```css
@media (condition) {
}
```
Add an empty media query at the bottom of your stylesheet with a condition of `max-width: 1000px`. Styles added in here will take effect when the document size is 1000px wide or less.
# --hints--
test-text
```js
assert(/\@media\s*\(\s*max-width\s*:\s*1000px\s*\)\s*{\s*}/g.test(code));
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```