i did it in correct way but still wrong
try removing space between media and parentheses
Please post your actual code instead of a picture. Thanks
i finished the course, i’m just showing that class is with bug
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial;
background: #EBE7E7;
}
.header {
text-align: center;
padding: 32px;
background: #E0DDDD;
}
#gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0 4px;
}
#gallery img {
width: 25%;
height: 300px;
object-fit: cover;
margin-top: 8px;
padding: 0 4px;
border-radius: 10px;
}
@media (max-width: 800px) {
#gallery img {
width: 50%;
}
}
The correct code works for me.
In your image you deleted this }
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.