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

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);
}