Help
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Pilot Lvl 2
Message 1 of 3

Some Words are Cut Off From The Page

Solved! Go to Solution.

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.

2 Replies
Solution
Commander Lvl 2
Message 2 of 3

Re: Some Words are Cut Off From The Page

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:

Capture.PNG

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.

 

Please follow-up to let us know how you made out. For good karma, mark a reply as the answer if it helped!

Pilot Lvl 2
Message 3 of 3

Re: Some Words are Cut Off From The Page

@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;
            }