Project adhoc-bootstrap Step 19

Hello, I need help about step 19 (see above) of the project( Link Project : https://www.codecademy.com/courses/learn-bootstrap/projects/adhoc-bootstrap )

is my code good? more precisely adding this?


<!-- Carousel Component -->
        <div id="carouselExampleControls" class="carousel slide w-50 p-3" data-ride="carousel">

My code ==>

Where i add this class=“carousel slide w-50 p-3” but I think this is the wrong place to apply the 50%.

<div class="row bg-dark rounded-bottom">
  <div class="col">
    <!-- Carousel Component -->
    <div id="carouselExampleControls" class="carousel slide w-50 p-3" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/brian.png" class="d-block w-100" alt="picture of Brian M. the CEO">
          <div class= "carousel-caption">
            <p class="bg-dark rounded-pill text-center font-weight-bold mb-0 p-0">CEO: <span class="font-weight-light">Brian</span></p>
          </div>
        </div>
        <div class="carousel-item">
          <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/andy.png" class="d-block w-100" alt="picture of Andy C. the CFO">
          <div class= "carousel-caption">
            <p class="bg-dark rounded-pill text-center font-weight-bold mb-0 p-0">CFO: <span class="font-weight-light">Andy C.</span></p>
          </div>
        </div>
        <div class="carousel-item">
          <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/angela.png" class="d-block w-100" alt="picture of Angela W. the COO">
          <div class= "carousel-caption">
            <p class="bg-dark rounded-pill text-center font-weight-bold mb-0 p-0">COO: <span class="font-weight-light">Angela W.</span></p>
          </div>
        </div>
        <div class="carousel-item">
          <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/amie.png" class="d-block w-100" alt="picture of Amie S. the CTO">
          <div class= "carousel-caption">
            <p class="bg-dark rounded-pill text-center font-weight-bold mb-0 p-0">CTO: <span class="font-weight-light">Amie S.</span></p>
          </div>
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>
</div>

I have this for my code …

https://screenshotscdn.firefoxusercontent.com/images/3f719058-b88c-4929-828c-2382b2402813.png

different from the picture of the spec…

Thank you in advance for your help, because no correction to see if what I did is good…

What you’re doing is fine, but it would be better to place the carousel within a parent container, and apply w-50 there. The carousel already tries to define it’s width as 100%.

1 Like

Yes dear, your code is looking very good and I think you should go with it. Under my experience to coding the code you’ve made is absolutely good to go and I actually tried it to see the output and it shows the perfect output which is needed. So don’t worry about anything and keep up the good work. I suggest https://samplius.com/free-essay-examples/art/ you to always share your programs which you think are difficult so that they can help other to follow it.

1 Like

Yes dear, your code is looking very good and I think you should go with it. Under my experience to coding the code you’ve made is absolutely good to go and I actually tried it to see the output and it shows the perfect output which is needed.