Tribute Page Project!

EDIT- Removed Link as pen has been deleted

  1. You can make the parent div text-center and then change the ones you don’t want text-centered. In your css file: .container {text-align: center;} li {text-align: left}
  2. I’m not sure what you mean. Does this work? In your css file: figcaption {background-color: white;}
1 Like

Thanks for replying! Actually the challenge asks me to do everything in Bootstrap and not use custom CSS. I cannot make it look like the sample tribute page

I made some changes keeping in view your suggestions but still the li’s are not where they should be! and the caption background width is not the same as image width.

For the challenge, you can use css, but don’t mess with custom css for layout because Bootstrap takes care of that. Avoid padding, margins, and floats in css. Things like text-align, colors, and borders are okay to customize.

Alright! I will keep that in mind next time I attempt it. Thanks!

Good job! Huge improvement. The html and css is a lot cleaner.

The only thing I might change is <strong> tags to <b>. Or, change it to <span class="timeline-year"> and the css to .timeline-year {font-weight:700;} because strong is meant to be used for emphasizing something of great important to the content. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong for an in-depth explanation.

1 Like