<style>
p {
font-size: 10px; font-size:20px;
}
/* Only change code below this line */
@media(max-height:800px){p{font-size:10px;}}
@media(min-height:800px)
{p{font-size:20px;}}
/* 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.1.2; SM-500A0 Build/N2G48C) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.91 Mobile Safari/537.36.
Learning how to articulate what problems you are having is a critical skill if you want to learn how to write code. The more information you provide, the easier it is for others to help you. Also, the process of describing problems in code often helps you improve your understanding and sometimes helps you find issues on your own.
We do not hand out answers to challenges on the forum; however, we are more than happy to discuss the challenge with you and help you repair your misunderstandings.
first can you tell me if can come to this forum page from the website? I mean how can I open it in a single tab? 'cause now I’m using 2 different tabs for it. so I’m having a little problem
and I’ve reseted the course. so I tried everything from the beginning
I get it that it’s good to solve every problem myself but I’m not going anywhere with this.
“Your p element should have an initial font-size of 20px when the device height is more than 800px”-----this is the problem which I’m facing.
and I’ve done this. show me the error in it.
<style>
p {
font-size: 10px;
}
/* Only change code below this line */
@media(min-hight:800px)
{p{font-size:20px;}}
@media(max-height:800px){p{font-size:10px;}}
/* Only change code above this line */
</style>
I’ve edited your post for readability. 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.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
<style>
p {
font-size: 20px;
}
/* Only change code below this line */
/*
YOU HAVE IGNORED THESE COMMENTS.
IGNORING THESE COMMENTS CAN OFTEN
MAKE YOUR CODE FAIL.
*/
/* Only change code above this line */
</style>