Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Bootstrap 4 Basics (Retired) Using Bootstrap Components Displaying Content with Cards

Posted by tracy brown
tracy brown
Courses Plus Student 332 Points

Why is the size of the cards in the video different that the ones in the cards utility?

When I go the image cap as noted in the teacher notes on the video it displays 318 by 180 but in the bootstrap card utility it is 760 by 180. Therefore when I use the img-fluid with the class my cards do not flow with the size of the container. They are still out side.

1 Answer

Luis Onate
Luis Onate
13,222 Points
Luis Onate
Luis Onate
13,222 Points

As far as why you're getting different dimensions from what you see on the video, that's because the dimensions that are shown in the live bootstrap card utility are based on your browser size. If you resize your browser, you'll see that the dimensions on the card utility change as well.

As for the cards not flowing with the size of the container, do you have code that you could share so we can see what you mean? You can add code by just putting 4 spaces before each line of code. It'll then look something like this:

Your code!
<div class="col-md-6">All the code!</div>
tracy brown
tracy brown
Courses Plus Student 332 Points

Thank you for your response about the browser.