增加Jekyll中代码块的宽度

Question

我想在我的Jekyll博客中增加代码块的宽度，即：

{% highlight swift %}
print("This is a line of test code")
var x: Int = 5
{% endhighlight %}

目前，在iPhone 6上查看时，它们有点过于狭窄：

我尝试使用以下内容编辑_site.scss：

  .highlight {
    width: 100%;
  }

这导致宽度符合要求，但代码块不居中。同样，如果我尝试：

  figure {
    width: 100%;
  }

我得到了相同的结果。所需宽度但不居中。我在这做错了什么？任何指针都非常感谢！