更正移動視圖的自定義桌面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比其他手機上的更大。在移動時將其縮小到大概36像素，它應該適合。你可能不得不改變行高。