alvin/carsite
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/carsite.git synced 2026-03-06 11:06:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

help :3

Browse Source
This commit is contained in:
vista-man
2024-10-31 11:25:45 +01:00
parent c4abd14a8e
commit d4e4318e98
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/gallery.css
View File

@@ -8,7 +8,7 @@ body {
.gallery { .gallery {
--size: 100px; --size: 100px;
display: grid; display: grid;
grid-template-columns: repeat(6, var(--size)); grid-template-columns: repeat(8, var(--size));
grid-auto-rows: var(--size); grid-auto-rows: var(--size);
margin-bottom: var(--size); margin-bottom: var(--size);
place-items: start center; place-items: start center;

20
gallery.html
View File

@@ -1,6 +1,17 @@
<link rel="stylesheet" href="css/gallery.css"> <!DOCTYPE html>
<article class="gallery"> <head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="favicon.jpg" type="image/x-icon">
<meta name="description" content="Explore the vibrant moments captured at our recent car meet, showcasing stunning vehicles and the passionate community behind them.">
<link rel="stylesheet" href="css/gallery.css">
<title>Car Meet Gallery</title>
</head>
<body>
<article class="gallery">
<img src="media/1.jpg" alt="a car immage is supposed to be here" /> <img src="media/1.jpg" alt="a car immage is supposed to be here" />
<img src="media/2.jpg" alt="a car immage is supposed to be here" /> <img src="media/2.jpg" alt="a car immage is supposed to be here" />
<img src="media/10.jpg" alt="a car immage is supposed to be here" /> <img src="media/10.jpg" alt="a car immage is supposed to be here" />
@@ -40,4 +51,7 @@
<img src="media/37.jpg" alt="a car immage is supposed to be here" /> <img src="media/37.jpg" alt="a car immage is supposed to be here" />
<img src="media/38.jpg" alt="a car immage is supposed to be here" /> <img src="media/38.jpg" alt="a car immage is supposed to be here" />
<img src="media/39.jpg" alt="a car immage is supposed to be here" /> <img src="media/39.jpg" alt="a car immage is supposed to be here" />
</article> </article>
</body>
</html>