Solution for the Challenge-Media query

solution suggestion:

@media (max-width: 350px) {
 :root {
  /* Only change code below this line */
--penguin-size:200px;
--penguin-skin:black;
 /* Only change code above this line */
 }

We can redefine it just in the same way we have declared it.
Challenge: Use a media query to change a variable

Link to the challenge:

Welcome, pratima-ss.

Thank you, for your contribution. For future contributions, please wrap your solution within [details] code goes here... [/details], and provide all the code necessary to pass the challenge.

Also, 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.

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