main {
    min-height: 500px;
}

.portfolio .projecten {
    display: flex;
    justify-content: center;
    width: 100%;
}

.portfolio .projecten .gallery {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
}

.portfolio .projecten .gallery .img {
    border-radius: 5px;
    border: 10px #6c757d outset;
}

.portfolio .projecten .gallery img {
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.portfolio .projecten .title {
    font-weight: bold;
    padding-bottom: 5px;
}

@media (max-width: 800px) {
    .portfolio .projecten .gallery {
        /* Add your responsive styles here */
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 500px) {
    .portfolio .projecten .gallery {
        /* Add your responsive styles here */
        grid-template-columns: repeat(1, 1fr);
    }
}