.pub-container3 {
max-width: 70rem;
margin: 0 auto;
padding: 0 2rem 2rem;
}
.pub-gallery3 {
display: flex;
flex-wrap: wrap;
/* Compensate for excess margin on outer gallery flex items */
margin: -1rem -1rem;
}
.pub-item3 {
/* Minimum width of 24rem and grow to fit available space */
flex: 1 0 20rem;
/* Margin value should be half of grid-gap value as margins on flex items don't collapse */
margin: 1rem;
/* box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4); */
overflow: hidden;
}
.pub-content3:hover {
transform: scale(1.15);
}
@supports (display: grid) {
.pub-gallery3{
display: grid;
/*grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));*/
grid-template-columns: auto auto auto;
grid-gap: 2rem;
}
.pub-gallery3,
.pub-item3 {
margin: 0;
}
}
Architecture - Human-AI Structure Building Challenge
Interior Design Challenge
