Getting an image next to a well (I tried unsuccesfully learned methods)

Code Feedback
1

Hello everyone, I hope this is the right section for my
posting. To get to the issue, I’m unsuccessfully trying to move an image
to the right side of a text (which is placed in a well). I have tried with
the container-fluid and row classes, trying different col sizes (xs, sm,
md, lg), and yet I’m not even close. Can someone help me fix the
problem?

Here’s a link to the web page I’m working on, where you can change to Editor’s view and see my code:


Challange name: Build a personal portofolio webpage: https://www.freecodecamp.com/challenges/build-a-personal-portfolio-webpage

2

Hi, remove the comment signs from .container-fluid and .row, so you will get:

<div class="container-fluid" id="about-general">
   <div class="row">
     <div class="col-lg-7">
    <div class="well" id="about-well">
   ...

You should understand that this works from the tutorials. No problem if you don’t, but then I would recommend you going over them again. This part was not the problem, but the problem was in your css.

First of all, you should remove the link tags and place all the css in the css section if you are using codepen. Now, the problem is the fact that you added margin to your well. If you remove the line where you added margin to you well, everything should fit.

So this is how your pen looks now: http://codepen.io/benjaminvanzwienen/pen/xEvBEK. Remember that adding margin to the left or the right might cause problems with Bootstrap’s rows and columns.

1 Like