Code: Select all
#header{
display: grid;
position: absolute;
top:0;
left:0;
right:0;
height:90px;
background-color: #00719e;
text-align: center;
grid-template-columns: 13% 13% 13% 22% 13% 13% 13%;
min-width: 1570px;
margin: 0px;
}
#searchBox{
margin-top: 90px;
height: 50px;
background-color: aliceblue;
margin-left: 0%;
margin-right: 0%;
}
#cardsContainer{
margin-left: 60px;
margin-right: 60px;
display: grid;
grid-template-rows: 1fr;
justify-items: center;
align-items: center;
}
.headerButton{width:200px; height:50px; justify-self: center; align-self: center;}
#searchInput{ width:1810px; height:45px; margin: 0%;}
#searchButton{height:50px; border-radius: 50%;}
#header{margin-right: 10px; margin-left: 10px; font-size: xx-large;}< /code>
News
Sports
Entertainment
Health
Science
Technology
Economics
Search