aho*_*jim 4 html css google-forms
我正在开发一个项目，但还不知道任何后端代码，因此我使用嵌入谷歌表单，但这不是响应式的。\n这是我尝试使该表单响应式的代码，但不知何故该代码不起作用。
\n.contact-form {\n background-image: linear-gradient(to right, #d8d8d8, #3c557f);\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n overflow: hidden !important;\n padding: 50px;\n .contact-form-conainer {\n padding: 50px !important;\n @media screen and (max-width: 768px){\n font-size: 15px !important;\n margin: 0 20px 0 20px !important;\n padding: 10px !important;\n overflow: hidden !important;\n }\n @media screen and (min-width: 576px){\n font-size: 15px !important;\n margin: 0 20px 0 20px !important;\n padding: 10px !important;\n overflow: hidden !important;\n } \n @media screen and (max-width: 576px){\n font-size: 15px !important;\n margin: 0 20px 0 20px !important;\n padding: 10px !important;\n overflow: hidden !important;\n }\n }\n}</style>\n\n\n<div class="container-fluid contact-form">\n <div class="contact-form-container">\n <iframe\n src="https://docs.google.com/forms/d/e/1FAIpQLSe_ajLSx8IN9zQNS_SIwOyPV-iIMtoTj-nHOqyu5nSR10GTIQ/viewform?embedded=true"\n width="640" height="780" frameborder="0" marginheight="0" marginwidth="0">Loading\xe2\x80\xa6</iframe>\n </div>\n</div>```\n