My first Tribute page! Need advice(about unordered list) and FB!

My first Tribute page! Need advice(about unordered list) and FB!
0

#1

Hi there !
I have studied html-css-coding by myself and made some web page as practice but I’ve never had any feedback.
It’s time to change this!
I just finished my first Tribute page here :Tribute page.

I could not get unordered-lists center in my page so I used margin instead for now.
I tried a couple of way of Bootstrap grid systems which I found from questions on this forum but did not work well.
And I think I am bad at indenting.
Could you please give me some advice or tips and any feedback ?

Thank you!:grin:


#2

Nice work! Keep the good work!


#3

Hello! You can use .list-group{
text-align:center;
}
Hope that helps! :wink:


#4

Very nice tribute page though! :smiley:


#5

There is a css attribute for styling lists that helps a lot: list-style-position. Here an example on how you can use it in your project:

1st comment out the code:

/* .list{
  margin:50px 0 30px 0;
  line-height: 200%;
}
.list-group {
  padding:10px 300px 0 300px;
} */

then add:

ul {
  list-style-position: inside;
  display: block;
  margin: 0 auto;
}

#6

Thank you so much! :blush:


#7

Thank you very much for your advice!

I tried your code, applied to sentences but the bullet points did not move :cry:
I guess ul or li should be inline elements with text-align center…?
I will try more! Thank you so much!


#8

oh this really works for what I wanted!
Thank you very much! I will learn about this more further! :smile:


#9

You are very welcome. Happy coding.