Tribute Page - img alignment trouble

Hello - I’d appreciate your guidance on how to remedy two troubles with the image:
(but first, please know this site is still very much a DRAFT, maybe 30% complete)

  • trouble #1 - img is not centered
  • trouble #2 - img container is wider than the other three containers

I’ve read Bootstrap doc and searched google for assistance. Doing this helped fix a few other troubles, but I’m unable to solve the image alignment on my own.

link to Pen - [Johnny Cash Tribute]

Thank you for your time and assistance,

#img div{
  margin:0 auto;

try adding the code above to your css, is this the effect you were trying to achieve?

Edit :
For the 2nd trouble try adding the margin:0 to your #img id also

1 Like

dear @rizvanadnan
You provided solutions to both issues! Thank you!

1 Like