How to change the style of the contact form in the mobile version of the site?

Question

css

I installed contact form 7 on the site (wordpress), made a form with my own style. But on the mobile version of the site, some fields run into each other and the shape of the fields is different. How can I fix it? I add:

@media only screen and (max-device-width: 480px) {

  
}

Is it right..?

Answer 1

@media only screen and (max-width: 480px) {

// тут ваши стили для мобильного
  
}