Margins on text problem


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

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?

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.

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%;