Media query is doing nothing at all

[lepros]

#survey-form {
  background: hsla(360, 50%, 75%, .9);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  margin: 0 auto; 
  align-items: center;
  /**width: 40vw;**/
  border-radius: 100px;
  font-family: arial;
  padding: 10px;
  width:clamp(230px,60vw,850px);
}

@media (max-width: 1024px) {
  #survey-form: {
  /**width: 80vw;**/
  width:clamp(230px,80vw,500px);
  border-radius: 50px;
}
}

https://codepen.io/lepros/pen/zYzvQab

[zaklina]

Media Query CSS Tutorial – Standard Resolutions, CSS Breakpoints, and Target Phone Sizes (freecodecamp.org)

[lepros]

I read through that page and watched the video. I compared it to what I’ve done. I still don’t see why mine isn’t having any effect.

[bbsmooth]

@lepros

#survey-form: {

What’s the reason for the colon?

[lepros]

lmao…I have no idea. I think I need to quit for the day. Thank you for pointing it out. It’s working now.