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

View File

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

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/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" />
@@ -40,4 +51,7 @@
<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/39.jpg" alt="a car immage is supposed to be here" />
</article>
</article>
</body>
</html>