|
|
|
@ -1,20 +1,21 @@ |
|
|
|
|
body { |
|
|
|
|
background-color: black; |
|
|
|
|
color: white; |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.grid-container { |
|
|
|
|
display: grid; |
|
|
|
|
grid-template-columns: repeat(8, 1fr); /* Create 8 columns of equal width */ |
|
|
|
|
gap: 10px; /* Adjust the gap between grid items */ |
|
|
|
|
width: 100vw; /* Set the width to 100% of the viewport width */ |
|
|
|
|
width: 100%; /* Set the width to 100% of the viewport width */ |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.friend img { |
|
|
|
|
transition: transform 0.3s ease; |
|
|
|
|
max-width: 150%; |
|
|
|
|
max-width: 100%; |
|
|
|
|
height: auto; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
|
|
|
|