Dalai Lama Tribute Project! Any comment or feedback?

Code Feedback
1

Hi everyone, this is my first project to make Tribute page about Dalai Lama :smile:
with help from this forum, i finally completed it :blush:
any comments or suggestions?

1 Like
2

The horizontal scrollbar can be removed with this:

body{
   overflow-x: hidden;
}

I’ll look into the rest and try to help.
EDIT: I’m not sure what you mean by vertically aligning the columns? What is the desired end result?

1 Like
3

woooow, it works like magic :smile:

i have reduce the words so the paragraph is align at the top.
so i want it to align at the middle together with the picture beside it. not at the top.
do you understand? i’m sorry for terrible explanation :pensive:

thank you for helping me btw :blush:

4

Ah, I see what you mean.

For the first image, which you want to be on the right do this:

.imgbody1{
   float: right;
   /*other stuff*/
}

For the one on the left, just put float:left instead of right.

In the text div, which you want next to your image add a class, say for example “mytext1”. Then add this:

.mytext1{
    clear:both;
}

Finally put the image in the same div as your text BEFORE the text. Remove the columns for image and make col-md-7 to col-md-12 for your image/text div. Remove center block from image because we want it on the right, not the center.

So it’ll look like this:

<div class="container">
  <div class="row">
    <div class="col-md-12 mytext1">
      <img class="imgbody1 img-responsive" src="img-link">
      <p>
        <!--text-->
      </p>
    </div>
  </div>
</div>

Stack Overflow Question for this issue: https://stackoverflow.com/questions/19179424/how-to-wrap-text-around-an-image-using-html-css

I hope this helps. Also, I forgot to say that the site looks like really great. One of the better tribute pages I’ve seen.

1 Like
5

After i tried it, i think i’ll just going to stick with 2 column, i like the look better
But definitely very useful information for my future project.
Thank you for your help, it means a lot to me :blush:
also glad that you think its pretty good :grinning:

6

Did you check what the page looks like on mobile? Especially the dates section feels quite long. And the footer looks a bit funny on a mobile screen. I’ll have to check what it looks like on a larger screen. You picked nice pictures I though.

I checked on a larger screen and it looks very nice. Though there too the dates section is too long I feel. For the texts next to the pictures I would consider a serif font for better readability. Just search google fonts for serif and you can find one you like.

7

I guess i did not think much about mobile view :grimacing:. thank you for pointing that out. will work on that definitely.

i kind of like the current font though, but i will see if i can find a better font :slight_smile:

thank you for your feedback, i really appreciate it! :smile: