GabiZar/Images-Scrapper-JS
1
0
Fork 0
mirror of https://github.com/Gabi-Zar/Images-Scrapper-JS.git synced 2026-04-17 05:36:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve images scrapping from bing and show images on the client

Browse Source
This commit is contained in:
GabiZar
2026-03-05 21:58:07 +01:00
parent 7dddb7e0e4
commit ff702d74aa
4 changed files with 73 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/style.css
View File

@@ -98,3 +98,30 @@ body {
position: fixed;
z-index: -1;
}
.images-div {
display: grid;
grid-template-columns: repeat(auto-fill, 150px);
gap: 20px;
justify-content: center;
margin-top: 50px;
}
.image-box {
width: 150px;
height: 150px;
border-radius: 16px;
overflow: hidden;
transition: transform 0.2s;
}
.image-box:hover {
transform: scale(3);
border-radius: 8px;
}
.image-box img {
width: 100%;
height: 100%;
object-fit: cover;
}