Media query is doing nothing at all

#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;
@media (max-width: 1024px) {
  #survey-form: {
  /**width: 80vw;**/
  border-radius: 50px;

Media Query CSS Tutorial – Standard Resolutions, CSS Breakpoints, and Target Phone Sizes (

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.

What’s the reason for the colon?


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

1 Like

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