0円
RANKING売上げランキング
ルール・連絡事項
CSSを微調整する程度のカスタマイズは料金内で可能とする
《役立ちそうなサイト》https://jajaaan.co.jp/css/css-headline/
パーツ設置費用
CSS
.sideNavi h2 {
font-size: 14px;
font-weight: 300;
position: relative;
text-align: center;
}
.sideNavi h2 span {
background-color: #fff;
display: table;
font-family: 'Montserrat', sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.1;
margin: 0 auto;
padding: 0 16px;
position: relative;
}
@media screen and (max-width: 800px) {
.sideNavi h2 {
font-size: 2.4vw;
}
.sideNavi h2 span {
font-size: 4.6vw;
padding: 0 2vw;
}
}
@media screen and (max-width: 540px) {
.sideNavi h2 {
font-size: 4.2vw;
}
.sideNavi h2 span {
font-size: 8vw;
padding: 0 3vw;
}
}
/** pc **/
@media screen and (max-width: 240px) {
.sideNavi h2 {
font-size: 14px;
}
.sideNavi h2 span {
font-size: 26px;
padding: 0 16px;
}
}
HTML
<h2><span>RANKING</span>売上げランキング</h2>
