Missing Seed information

Contributors
22

So this is how Step 8 should look like?

# --seed--

## --seed-contents--

```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>

--fcc-editable-region--

* {
  box-sizing: content-box;
}

--fcc-editable-region--

And the instructions for step 8, should remain this:

Ooh you have a problem. See how the images overflow the container? That’s because the box-sizing property is at the content-box value, aka the default. This doesn’t include the padding and border when calculating an element’s size. Now, to solve this issue, use border-box, the box-sizing property’s second value. Unlike content-box, border-box excludes the margins and only adds the padding and border in calculating the size of the element. Try changing the box-sizing value from one to the other, and see the difference.
Lastly, give the img elements a uniform height of 300px.

23

yeah, that’s the correct seed code for step 8.

The directions will need to be trimmed down a little but that will be for the PR review :+1:

1 Like
24

Ok. I’m about to push the changes to see if any thing works.

1 Like
25

I looked at your PR again and it looks like the changes for step 8 didn’t apply.
You will need to push up a new commit to fix that.

Then the last step is to make sure the tests match up with the steps you wrote.
Sometimes you are testing for things that are not mentioned in the steps.

You will want to make sure to clean that up.

Then you should be good to go for a review :+1:

1 Like
26

How should I download the dependencies? I tried testing the changes, but got the error message.

1 Like
27

For gitpod it should already be setup.

But you can try running

pnpm install && pnpm run create:config

That is the command used when you setup things locally outside of gitpod

1 Like
28

Here is the complete configuration section in the docs for local setup

1 Like
29

My reaction to the local config directions: :confounded:
lol forgive me :sweat_smile:

1 Like
30

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.