I really need help here

HTML-CSS
1

i have been on this for close to four days now i just need someone to please tell me where i got it wrong its really getting me confused and faustrated.
you can go through this link https://codepen.io/20bullet/pen/RwRrwQo

2

You doing well. it pass 9/10 tests. What’s the problem?

3

You are almost done you are failing single test which you can get simply by clicking the
TESTS button after clicking Run tests button

if you still not able to recognise the isse :slight_smile:
You are missing the

img{
display: block;
margin: auto;
}
4

That didn’t work either :cry:

5

The element should responsively resize, relative to the width of its parent element, without exceeding its original size

I have done the above but i still get 9/10…its really faustrating

6 
img {
  display: block;
  margin: auto;
  max-width: 100%;
}
7

This should work:

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
8

@BigBabyBoy If you do what @GameMonk suggested, the last test will pass. In your CSS code, go to your img element, then above the code that you have already wrote, add

display: block;
margin: auto;

Once those two pieces of code are added, click on “run tests” again. It will turn green and read 10/10.

1 Like
9

Hi everyone~!

I have blurred everyone’s solution codes.

Instead of posting your working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions.

3 Likes
10

Hi, how to blur the code, or is that feature only available to Leaders? @nhcarrigan

11

You can blur code (or non-code too) with [spoiler] [/spoiler] tags :smiley:

2 Likes
12