<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1> My Album </h1>
<p> Đây là hình ảnh du lịch của tôi trong năm 2025 </p>
<div class = 'container'>
<div class = 'album'>
<img src= "uploads/42-20250614194107.jpeg"/>
<p>Tháng 1</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250614195759.jpeg"/>
<p>Tháng 2</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250614195932.jpeg"/>
<p>Tháng 3</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621194109.jpeg"/>
<p>Tháng 4</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621194409.jpeg"/>
<p>Tháng 5</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621194202.jpeg"/>
<p>Tháng 6</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621201325.jpeg"/>
<p>Tháng 7</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621201506.jpeg"/>
<p>Tháng 8</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621201739.jpeg"/>
<p>Tháng 9</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621202234.jpeg"/>
<p>Tháng 10</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621202317.jpeg"/>
<p>Tháng 11</p>
</div>
<div class = 'album'>
<img src= "uploads/42-20250621201819.jpeg"/>
<p>Tháng 12</p>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
h1 {
color: #f47a07;
}
p {
color: #fd7707;
}
div {
width: 505px;
height: 1px;
background-color: #9be7ff;
border:solid 2px;
}
img {
width: 160px;
height: 140px;
}
.album {
width: 160px;
height: 180px;
background-color: #fde864;
border:solid 2px;
margin: 2px 2px;
display: block;
}
.container {
height:900px;
display:flex;
flex-wrap:wrap;
}