Constructing a media query

HTML-CSS
1

Tell us what’s happening:
Should have a size of 10px qnd a height of 800px with the p tag

Your code so far


<style>
p {
  font-size: 20px;
}
/* Only change code below this line */
@media(max-height:800px
){/*css rules*/}

font-size:10px;
}
/* Only change code above this line */
</style>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.0; Infinix X572) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.162 Mobile Safari/537.36.

Challenge: Create a Media Query

Link to the challenge:

2

You don’t want this. the comment /*css rules*/ is in the example snippet to show you where you need to put your css rules.

This font-size isn’t part of any rule. You are missing a { , the selector, and a space between : and 10.

1 Like
3

I have done that but no changes

4

show what have you changed, show your new code

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

Please use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks are not single quotes.

markdown_Forums

1 Like