Bootstramp Grid / Offsetting Columns

1

Here is my Portofolio Pen

Someone like to have a little challenge? :smiley:

I want to place my Text and Photo in the middle of my ‘Abou’ section.
Planed for that to use grid, offsett columns.
I have 4 rows. And in the 2. row should be my text and next to it, in the 3. row my photo.
But way is it always placed below? Can someone help me to place it right from the text?

<div class="container-fluid" id="section1">
    <div class="row">
       <div class="col-md-4 col-md-offset-2">
         
         <p9>About</p9>
     <br>
<p3>Hi there,

my Name is Susann and I am beginner at FreeCodeCamp.com. Right now I can make simple websides with html and css. Javascript and JQuery is something realy new to me. 
<br>
Here on this site you can find some websites from me. It is excited for me to notice the progress I did.
<br>
Please feel free to leave me a message.<p2>
      
      </div>
      
  <div class="col-md-4 col-md-offset-4">
    
 <img class="profil" align="right"class="container-fluid" alt="Me" src="https://img1.picload.org/preview/rwplpdcr/profilfoto.jpg">
  
  </div>
   
      </div>
  </div>
2 
#section1 {
  height: 500px; //remove so the section would expand with its content
  wide: 400px; //error
}

align="right" //don't use align attribute in HTML5, use CSS if you want to align something

also, don’t use <p1>...<p9> as html tags, use classes if you need to reference them. happy coding (:

1 Like