Как добавить минимальную маржу?

Question

Я хотел бы иметь своего рода минимальную маржу. В принципе, если вы посетите мою веб-страницу NerdyFuture. И масштабируйте окно браузера, карусель будет меньше, поэтому последний заголовок новостей и коробка должны подняться вверх. Но в какой-то момент я хочу, чтобы он переставал расти, так что коробка не перекрывала карусель. Как я могу это сделать? Есть какой-то взлом для этого?

Последние новости Заголовок:

#latest_news_header{ 
z-index:3; 
position:relative; 
    float:left; 
width:100%; 
min-width: 613px; 
max-width:45%; 
display:inline; 
margin-top:23.5%; 
font-size: 1.0em; 
text-align:left; 
background-color:#828282; 
margin-left:18.6%; 
font-weight:400; 
padding:3px; 
font-family: Proxima-Nova,Helvetica,Arial,sans-serif; 
text-transform:uppercase; 
color:#30DB00; 
text-shadow: 1px 1px 3px #333; 

Последние новости Box:

.latest_news_box{ 
z-index:2; 
position:relative; 
display:inline; 
float:left; 
width:100%; 
margin-left:18.6%; 
min-width: 619px; 
max-width:44.9vw; 
height:600px; 
background-color:white; 

}

Answer 1

В Header_CSS.css строке 35 у вас есть:

#header { 
width: 100%; 
z-index: 10; 
background-color: #828282; 
max-height: 46px; 
max-width: 100%; 
} 

удалить

max-height: 46px; 

и дайте вашему #latest_news_header маржу-вершину чего-то вроде 10px или что вы считаете правильным.