How to make Facebook comment box responsive?

Responsive sites are very important now a days. Because it ranks well in the search engines. Sometimes third party widgets like facebook like box and comment box can perform worst. In such case you need to write your own css to make facebook comment box responsive. Here is the css code to make facebook comment box responsive:

CSS to make Facebook comment box responsive

@media only screen and (max-width: 767px) {
   .fb-comments {
    width: 100% !important;
   }
.fb-comments iframe[style] {
   width: 100% !important;
  }
.fb-like-box {
   width: 100% !important;
  }
.fb-like-box iframe[style] {
   width: 100% !important;
  }
.fb-comments span {
   width: 100% !important;
  }
.fb-comments iframe span[style] {
   width: 100% !important;
  }
.fb-like-box span {
   width: 100% !important;
  }
.fb-like-box iframe span[style] {
   width: 100% !important;
  }
}

Please do not forget to leave your comment if it helped you!! Thanks have a nice day!!