Some Words are Cut Off From The Page

Hi there!

I’m building a demo holiday deal website, and the files are in GitHub as well. If you see the first link (which leads to the demo website) on your phone, scroll down and you might notice that the B’s on the left side is cut off.

I spent hours trying to fix this problem and I can’t solve this. Could someone please help me with this problem?

Thank you,

  • Zoe K.

They look fine to me - _if_ my browser window is wide enough. They are cut off when I start to shrink the width of my browser window.

Using the Developer Tools in Chrome, I looked at the web site. Here is what it shows for your “row” div:


As you hopefully can see from the ‘Styles’ section, “margin-left” is set to “-15px”. Not sure how that is set, but a zero or positive margin value will probably make the left-hand entries fully visible in a narrow browser window.

1 Like

@fire_eggs I did that, and it moved a little bit, and then I put in centered-items:

centered-items {
                align-content: center;
                margin-top: 7rem;
                margin-left: 20rem;