更正移动视图的自定义桌面CSS

Question

我使用这个自定义CSS将我网站横幅文字第二行上单个单词的最后三个字母格式化为粗体。但是，最后三个字母的移动视图将其显示为下标。我希望移动视图中的所有第二行与最后三个字母的大小相同。该网站是chad-ruffin.squarespace.com。自定义CSS：

.desc-wrapper p:nth-of-type(2) 
{ display:inline-flex; 
font-family: brandon-grotesque; 
font-weight: 400; 
font-style: normal; 
font-size: 68px; 
text-transform: uppercase; 
line-height: 1em; }

Answer 1

它不是下标。只是font-size: 68px大于移动设备上的其余部分。在移动设备上将其缩小到36px，它应该适合。您可能还需要更改行高。