Margins on text problem

Margins on text problem
0

#1

Hey,

I’ve been finishing off my portfolio page, but in the about me section I’ve been having issues getting either margins or padding to work on the text container (#aboutme-text). I have had no such issues with the photo which is under the same parental div container (#aboutme).

#aboutme {
  /* about me container*/
  width: 100%;
  background: rgba(201, 211, 226, 0.6);
  height: 100vh;
  margin-right: 5%;
  display: block;
  
}

#leicorre { 
  /*about me picture*/
  display: inline;
  margin-left: 10%;
  margin-right: 3%;
  border-radius: 16px;
  float: left;
 
}

#aboutme-text { 
  /*about me main text*/
  margin-left: 4%;
  margin-right: 100px;
  display: block;
   }

The entire pen is here


#2

Can you describe what you want to see with respect to the text container (#aboutme-text) vs. what you are seeing know which you do not want?


#3

I am wanting to add a margin between the text and the edge of the container, both on the right and left side. Whereas currently a visible margin is not present.


#4

Try replacing the margin-right: 5%; with margin: 0 5%; in your #aboutme definition. This will create 0 margin for the top and bottom and a 5% left and right margin.

margin: 0 5%;