Sizing of Elements in my Product Page

Hi all,

I have been battling with this for two days and I am either tired or just not getting it, I’ve Googled my way into a rabbit hole.

I will be moving on to my next project meanwhile.

I cannot seem to get the spacing right and I am not sure what is causing the issue anymore. I have changed the sizes to multiple elements, I have also fiddled with the line height, but that throws everything out of balance.
Below is a link to my CodePen for your perusal:

Amazon Product Page

Attached is the example and then my current issue you will see in my CodePen.

If someone can please explain to me what I did wrong or what I can do to fix this, I would be very grateful.

Hey @JFwork, sorry for the wait. Was waiting to see if anyone else had insight on this. Could you elaborate more of the issue? I had a look and things seem to look okay, though I think I’m missing something.

Hi, @JFwork, I haven’t done this project yet myself, so I may have misunderstood your problem. But from what I could tell, the sizing didn’t seem to be the issue. I played with your codepen and adjusted some paddings and margins, which seemed to take care of the spacing problem you mentioned. Here’s the link to my fork of your codepen. Excuse the random images I used lol, just needed something to replace your missing images so I could see the spacing better. Not sure if that fully settles your battle, but hope this helps!