Infographics Gallery
Infographic Description 1
Infographic Description 2
Infographic Description 3
Infographic Description 4
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background: #007BFF;
color: white;
text-align: center;
padding: 10px 0;
}
main {
padding: 20px;
}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.gallery-item {
background: white;
border: 1px solid #ccc;
border-radius: 8px;
margin: 10px;
padding: 10px;
text-align: center;
width: calc(25% – 40px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.gallery-item img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
footer {
text-align: center;
padding: 20px;
background: #007BFF;
color: white;
position: relative;
bottom: 0;
width: 100%;
}