Stack with DIVs and vertical alignment

#1

Hi everybody!
I’m sorry for such stupid question, but I’m stuck.
I’m working on portfolio assignment.
Here is my thing: https://codepen.io/kremlevmax/full/EomEyb/

So there are three questions actually:

  1. Why “Some test text” isn’t vertically centered in div, which one is to
    the right from picture?
  2. Why during scrolling picture and text goes over menu and not under?
  3. If I delete padding in div-photo-text class “Some test text” moves under image, but why? Shouldn’t col-lg-3 and col-lg-9 move div with text next to div with image?

Thanks for any kind of help.

#2

Hello!

Why “Some test text” isn’t vertically centered in div, which one is to the right from picture?

It looks like you have some margin-bottom on the paragraphs inside that div, which is pushing it up and off-centre. If you remove the margin there it should be vertically centered.

image
image1184×318 29.7 KB

Why during scrolling picture and text goes over menu and not under?

Hmm I’m actually not seeing this in your Codepen, has it changed since? There’s not enough content for scrolling to happen, either.

If I delete padding in div-photo-text class “Some test text” moves under image, but why? Shouldn’t col-lg-3 and col-lg-9 move div with text next to div with image?

Same as above! I don’t see this issue happening, even if I manually delete the padding on .div-photo-text.

1 Like
#3