---
id: 5d822fd413a79914d39e993a
title: Part 114
challengeType: 0
isHidden: true
---
## 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.
## Instructions
## Tests
```yml
tests:
- text: test-text
testString: assert(/\@media\s*\(\s*max-width\s*:\s*1000px\s*\)\s*{\s*}/g.test(code));
```
## Challenge Seed
```html
freeCodeCamp Skyline Project
```