일정한 간격으로 화면 켰을 때 딱 4개가 보이게 하고 싶은데 간격이 태평양임.. 간격을 조정해도 듣질 않는데 절댓값인 것 같음 이거 설정 어케해야댐?ㅠ
이하 전문
img{
float : left;
position : relative;
bottom : -220px;
left : -213px;
margin-right: 25px;
border-radius: 10px;
}
@media all and (min-width:1025px){
#grid{
display:none;
}
}
#grid{
display:grid;
grid-template-columns: 1000px 1000px 1000px 1000px;
grid-column-gap: 30px;
}
</style>
</head>
<body>
<h1>K_o_llage</h1>
<p><a id="margin-right:0;" href="https://www.google.com" target="_self"> Visual </p></a>
<p><a href="https://www.google.com" target="_self"> Branding </p></a>
<p><a href="https://www.google.com" target="_self"> 3D </p></a>
<p><a href="https://www.google.com" target="_self"> About </p></a>
<p><a href="https://www.google.com" target="_self"> Home </p></a>
<H2>Collage</h2>
<h2>View all</h2>
<div id="grid">
<div>
<img src="ddddown.png" width="22%">
</div>
<div>
<img src="water drinked.png" width="22%">
</div>
<div>
<img src="rolling.png" width="22%">
</div>
<div>
<img src="beach valley.png" width="22%">
</div>
</div>
