HELP! scale the image using it's id as a selector, and setting the width to max(100px, 18vw)

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
   <title>Accessibility Quiz</title>
   <link rel="stylesheet" href="styles.css" />
 </head>
 <body>
   <header>
     <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
     <h1>HTML/CSS Quiz</h1>
     <nav></nav>
   </header>
   <main></main>
 </body>
</html>

/* file: styles.css */
body {
	background: #f5f6f7;
	color: #1b1b32;
	font-family: Helvetica;
	margin: 0;
}

#logo 
{max-width:100px,18vw;}

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: Step 8

Link to the challenge:

hi there,
the css id “logo”.
It is asked to set the width to a max Value, like " width : max(100px, 18vw)".
Maybe you are to modern by using the “max-width” setting.

1 Like

Thanks pal… i appreciate your response
it worked

#logo {
width: max(100px, 18vw);

& yeah
I m new to computer programming.

had been a pleasure to me. Do not bother about this. Both will work later on.
Maybe for some code it is the solution, for another one it will be the other.

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