<!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tåg-Portfolio</title> <style> body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; } h1 { text-align: center; padding: 20px; color: #333; } .description { max-width: 900px; margin: 0 auto 20px auto; padding: 0 20px; text-align: center; font-size: 16px; color: #555; } .portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 20px; max-width: 1200px; margin: 0 auto; } .portfolio-item { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); text-align: center; } .portfolio-item img { width: 100%; display: block; } .caption { padding: 10px; font-size: 14px; color: #555; } </style> </head> <body> <h1>Min Tåg-Portfolio</h1> <div class="description"> Create a 3x3 grid collage of 9 train images, showing different trains at night and day, modern and classic trains, realistic photography style, high resolution, balanced composition, vibrant colors, each image clearly visible in its square, cohesive and visually appealing layout. </div> <div class="portfolio-grid"> <div class="portfolio-item"> <img src="https://jarnvagar.nu/wp-content/uploads/2023/01/sj-kor-nattag-till-berlin.jpg" alt="Bild 1"> <div class="caption">SJ nattåg till Berlin</div> </div> <div class="portfolio-item"> <img See more