css - 如何修复填充以实现移动兼容性？

Question

抱歉，如果这看起来很容易解决，我正在创建我的第一个 WordPress 网站和 CSS 新手。我选择的主题带有倒数计时器，但在移动设备上不兼容。

我试过填充和边距，但它似乎对我没有任何好处。我尝试搜索“@media”，更改填充和边距，但我觉得我做错了，没有结果。

谢谢！

#countdown {
margin-top: -100px; 
margin-bottom: -200px;
background: rgb(250,248,245, .75);
box-sizing:border-box;
}


.countdown-cdown-title,
#countdown h3 {
font-family: 'Lato', sans-serif;
color:  #1B2D66;
}


.countdown-digit{   
background: rgb(250,248,245, .5);
color:  #1B2D66;
border-color: rgb(27,45,102, .7);
}

标签： csswordpress