使描述在媒体屏幕上变为全角Wordpress并删除空格

Question

我在Wordpress中使用多张图片进行了产品说明。描述在单个产品页面上。我需要图片在手机屏幕上全屏显示；即没有边距。看到此图，红线是我要移走的空间（在移动设备上）：https://ibb.co/GfwSv7C

我在CSS中尝试使用100％宽度的代码，但是它不起作用，我必须监视一些东西...

.single-product .x-container.max {
  max-width: 100%;
  width: 100%;
}

.single-product .x-container.width:first-child {
  margin: 0 auto;
  width: 88%;
}
.single-product .entry-wrap {
  margin: 0 auto;
  padding-top: 5%;
  width: 80%;
}

我希望有人能帮助我提供我/任何CSS代码，以使产品的描述（图像）在手机屏幕上显示为全角；即没有边距。我还想删除“添加到购物车”按钮和说明之间的空白。