Hi! So I’m working on the tribute project and I’m not really sure where my code is going wrong. I’m trying to place three images side by side and I’ve used ‘col-md-4’, but the space between the images are fixed.
Here’s a preview:
My HTML:
<div class="container-fluid">
<div class="row" id="pictures">
<div class="col-md-4">
<h1>ROBERT</h1>
<h2>DOWNEY JR.</h2>
<p class="quote">“Mediocrity is my biggest fear. I’m not afraid of total failure because I don’t think that will happen. I’m not afraid of success because that beats the hell out of failure. It’s being in the middle that scares me.” - Robert Downey Jr.</p>
</div>
<div class="col-md-4"> <img id="image1" src="https://i.imgur.com/lEFLOF7.jpg"> </div>
<div class="col-md-4"> <img id="image2" src="https://i.imgur.com/G0PA2Mf.jpg"> </div>
<div class="col-md-4"> <img id="image3" src="https://i.imgur.com/SxJNo0I.jpg"> </div>
</div>
</div>
And my CSS (same for the three images):
`#image1 {
padding: 5px;
width: 280px;
height: auto;
margin-top: 40px;
}`
As you can see I’m trying to put the header and three images side by side, any help how to fix this?