Tribute page - Lin-Manuel Miranda

Code Feedback
1

Hi everyone,

My tribute to Lin-Manuel Miranda is here:

It is very simple but I’m not sure what else to add without making it gaudy.

I’m specifically wondering about the placement of my UL. It looks good on my phone, but on my laptop it looks way over to the left compared to my other centered text. I’ve tried centering it, adding padding, and adding margins, but it won’t move (except with center, then the text is weirdly far away from the bullets). Does it look OK on a laptop/desktop or is there something else I should do to move the list in a bit?

Thank you!!

Rachel

2

Hi!

I went through this too and i solve the problem adding the class .offset to my column.
This is a formula to center the content with offset.

Offset Value = (12 - n) / 2

Example:

.col-md-8
Offset Value = (12 - 8) / 2 = 2;

So, for centering the column you would have:

.col-md-8 offset-md-2
Here bootstrap’s reference for further info Bootstrap

Hope that helps.

3

Thank you so much! I was wondering if there was a way to do that with columns, so this is very helpful! Quick question, since you computed the offset value to be 2, would it be .col-md-8 offset-md-2 instead of offset-md-1? Thanks!!

4

Oh yeah , sorry, it is .col-md-8 .offset-md-2

Glad that help.

1 Like