调整Jekyll代码块的宽度

Question

在我的Jekyll主题中，我可以使用以下代码将代码段添加到我的降价帖子中：

const Comp = ( {a, b, c, d} ) => {
    return (
        <div>
           <SubComp {...{a, c, d}} />
           <AnotherSubComp {...{a, c}} />
        </div>
    ) 
}; 

但是，移动设备的宽度太窄。我试图在{% highlight ruby %} def print_hi(name) puts "Hi, #{name}" end print_hi('Tom') #=> prints 'Hi, Tom' to STDOUT. {% endhighlight %} ：

中使用css来增加宽度

_site.scss

这给出了所需的但不是代码块不居中。我在这里做错了什么？