Learn CSS Flexbox by Building a Photo Gallery - Step 11

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Can someone explain what’s wrong with my

.gallery img selector.

Your code so far

/* file: index.Ext.html */
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photo Gallery</title>
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <header class="header">
      <h1>css flexbox photo gallery</h1>
    </header>
    <div class="gallery">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/2.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/3.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/4.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/5.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/6.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/7.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/8.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/9.jpg">
    </div>
  </body>
</html>

/* file: styles.Ext.css */
* {
  box-sizing: border-box;
}


  
}

.gallery img {
  
  max-width:350px:
  height:300px;

}

Your mobile information:

SM-S928B - Android 14 - Android SDK 34

Challenge: Learn CSS Flexbox by Building a Photo Gallery - Step 11

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hey Buddy, Kindly check your code See there is one property which you have missed.

And Kindly do Describe your issue, what error are you facing ?

4

You also have two syntax errors.

  1. You have an extra } bracket before the selector you added.

  2. CSS properties end with semicolon ;, not colon :

  3. As said, you are missing one of the properties asked for.

1 Like