I need help! I am having a problem process of Build a Tribute Page

I need help! I am having a problem process of Build a Tribute Page
0.0 0

#1

Hi, I am new to FCC. I am trying to build a tribute page with out using css except body{ margin-top 60px: }, as you can see my codepen, the text in the list and quote are sticking out of the box. I tried fixed it but I could not fix. Does anyone know how to fix them?

Thank you,


#2

Why?

Add this to your CSS (or better assign a class and add this to that class):

li, p {
  word-wrap: break-word;
}

#3

Thank you for reply! I want to try just use only html with bootstrap because the instructor was using just html and bootstrap and I was wondering how he did that. Thank you!


#4

“Instructor” doesn’t have such long words in his example, so he didn’t have to break the words.

And Bootstrap is CSS only hidden behind a little bit of “magic”.