Building a Piano - Step 32

Add another ‘@media’ rule to apply if the browser window is bigger than ‘769px’ but smaller than ‘1199px’ .

My code so far:

67  @media (min-width: 769px max-width: 1199px) {}

I have tried to solve this one in many attemps a colon between the two conditions, a coma, and I also by separating the conditions in two separate curved parenthesis.


Hi @leandromorales007 ,

You need to use the and keyword to combine a media feature with a media type or other media features.

@media (...) and (...) {


This worked for me

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like

@media (min-width: 769px) and (max-width: 1199px) {

this is my code and it don’t work !!!

1 Like

@media (min-width: 769px) and (max-width: 1199px) {

} this is my code and it dont work !!

Hi @tarakahmed.tekaya,

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.

Your code goes here

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

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.