Please help on CSS flexbox challenge

HTML-CSS
1

Tell us what’s happening:
I’m having some trouble with this challenge. My code so far is below. Everything looks fine to me, but I keep failing the second test, which is to give the #box-2 element a flex-shrink property set to 2. Can anyone see anything wrong with my code? Thanks.

  **Your code so far**


<!-- <style> -->
#box-container {
  display: flex;
  height: 500px;
}
#box-1 {
  background-color: dodgerblue;
  width: 100%;
  height: 200px;
  flex-shrink: 1;
}

#box-2 {
  background-color: orangered;
  width: 100%;
  height: 200px;
  flex-shrink: 2;
}
</style>

<div id="box-container">
<div id="box-1"></div>
<div id="box-2"></div>
</div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4544.0 Safari/537.36 Edg/93.0.933.0

Challenge: Use the flex-shrink Property to Shrink Items

Link to the challenge:

2

Hi @Living4God1991 !

I edited the title of your post to remove the link and write something descriptive to your problem.

In the future, you will receive more responses and quicker ones if the title of your post is descriptive.

The issue is here

You commented out your style tag.

If you remove the comments then the test will pass.

1 Like
3

Hi. Thanks for your help. I don’t know how the style tag got commented out since I don’t remember doing that, but I fixed it and that solved the problem.

4

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