/* package whatever; // don't place package name! */
import java.util.*;
import java.lang.*;
import java.io.*;
/* Name of the class has to be "Main" only if the class is public. */
class Ideone
{
{
// your code goes here
}
}
LyogcGFja2FnZSB3aGF0ZXZlcjsgLy8gZG9uJ3QgcGxhY2UgcGFja2FnZSBuYW1lISAqLwoKaW1wb3J0IGphdmEudXRpbC4qOwppbXBvcnQgamF2YS5sYW5nLio7CmltcG9ydCBqYXZhLmlvLio7CgovKiBOYW1lIG9mIHRoZSBjbGFzcyBoYXMgdG8gYmUgIk1haW4iIG9ubHkgaWYgdGhlIGNsYXNzIGlzIHB1YmxpYy4gKi8KY2xhc3MgSWRlb25lCnsKCXB1YmxpYyBzdGF0aWMgdm9pZCBtYWluIChTdHJpbmdbXSBhcmdzKSB0aHJvd3MgamF2YS5sYW5nLkV4Y2VwdGlvbgoJewoJCS8vIHlvdXIgY29kZSBnb2VzIGhlcmUKCX0KfQ==
LyogQ8SDbiBs4buBIGPGoSBi4bqjbiAqLwpib2R5IHsKICAgIG1hcmdpbjogMDsKICAgIGZvbnQtZmFtaWx5OiBzYW5zLXNlcmlmOwogICAgYmFja2dyb3VuZC1jb2xvcjogI2YwZjJmNTsKfQoKLyogS2nhu4N1IGQmYWFjdXRlO25nIHRpJmVjaXJjO3UgxJHhu4EgKi8KLm1haW4taGVhZGVyIHsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIHBhZGRpbmc6IDUwcHggMDsKICAgIGJhY2tncm91bmQ6ICMzMzM7CiAgICBjb2xvcjogd2hpdGU7Cn0KCi8qIFThuqFvIGzGsOG7m2kg4bqjbmggKi8KLmNvbnRhaW5lciB7CiAgICBtYXgtd2lkdGg6IDEwMDBweDsKICAgIG1hcmdpbjogMzBweCBhdXRvOyAvKiBDxINuIGdp4buvYSBraOG7kWkg4bqjbmggKi8KICAgIHBhZGRpbmc6IDAgMTVweDsKfQoKLmdyaWQtbGF5b3V0IHsKICAgIGRpc3BsYXk6IGdyaWQ7CiAgICAvKiBM4buHbmggcXVhbiB0cuG7jW5nOiB04bqhbyAzIGPhu5l0IGLhurFuZyBuaGF1ICovCiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCAxZnIpOyAKICAgIC8qIEtob+G6o25nIGMmYWFjdXRlO2NoIGdp4buvYSBjJmFhY3V0ZTtjIOG6o25oICovCiAgICBnYXA6IDIwcHg7Cn0KCi8qIMSQ4buLbmggZOG6oW5nIGgmaWdyYXZlO25oIOG6o25oICovCi5pdGVtIGltZyB7CiAgICB3aWR0aDogMTAwJTsgICAgICAgLyog4bqibmggdOG7sSBjbyBkJmF0aWxkZTtuIHRoZW8gY+G7mXQgKi8KICAgIGhlaWdodDogMjAwcHg7ICAgICAvKiBDaGnhu4F1IGNhbyBj4buRIMSR4buLbmggKi8KICAgIG9iamVjdC1maXQ6IGNvdmVyOyAvKiBD4bqvdCDhuqNuaCB24burYSB24bq3biBraCZvY2lyYztuZyBi4buLIG0mZWFjdXRlO28gKi8KICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7CiAgICB0cmFuc2l0aW9uOiAwLjNzOwp9CgovKiBIaeG7h3Ug4bupbmcgcGgmb2FjdXRlO25nIHRvIGtoaSBkaSBjaHXhu5l0IHYmYWdyYXZlO28gKi8KLml0ZW0gaW1nOmhvdmVyIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNXB4KTsKICAgIGJveC1zaGFkb3c6IDAgNXB4IDE1cHggcmdiYSgwLDAsMCwwLjMpOwp9
/* Căn lề cơ bản */
body {
margin: 0;
font-family: sans-serif;
background-color: #f0f2f5;
}
/* Kiểu dáng tiêu đề */
.main-header {
text-align: center;
padding: 50px 0;
background: #333;
color: white;
}
/* Tạo lưới ảnh */
.container {
max-width: 1000px;
margin: 30px auto; /* Căn giữa khối ảnh */
padding: 0 15px;
}
.grid-layout {
display: grid;
/* Lệnh quan trọng: tạo 3 cột bằng nhau */
grid-template-columns: repeat(3, 1fr);
/* Khoảng cách giữa các ảnh */
gap: 20px;
}
/* Định dạng hình ảnh */
.item img {
width: 100%; /* Ảnh tự co dãn theo cột */
height: 200px; /* Chiều cao cố định */
object-fit: cover; /* Cắt ảnh vừa vặn không bị méo */
border-radius: 10px;
transition: 0.3s;
}
/* Hiệu ứng phóng to khi di chuột vào */
.item img:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}