Bug on step 20 (Photo gallery)

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.