Tribute Page: Daniel Kahneman. Feedback/criticism welcomed

Hello fellow coders,

I just completed v1 of my tribute page and I’d like to know what you think, good or bad.

One thing I want to change is centering the bootstrap grids (picture and bullets) across screen sizes, if anyone can point me in that direction I would very much appreciate that!

I was able to center the picture responsively in the bootstrap grid by using class=“img-responsive center-block” on the img element.

Hi
Css linter:
Unknown property ‘border-size’.

.box {
  border-style: hidden;
  border-size: 1px;
  font-size: 22px;
  padding: 64px 0px 65px 0px;

MDN documentation:

HTML:
The ‘align’ attribute is no longer valid on the <img> element and should not be used.

<div class="col-xs-12 col-md-6">        <img class="img-rounded img-responsive center-block" src="https://www.socialpsychology.org/thumb/4112/0/md.jpg" alt="Daniel Kahneman" align="middle"></img>

MDN documentation:

Cheers and happy coding :slight_smile:

1 Like

Thanks! I searched and found that the correct css command for ‘border-size’ is ‘border width’.

I had previously found the correct code and changed my code to use ‘img-responsive’ to center my image.

1 Like

Don’t use <br> to create vertical spacing. Those are paragraphs, so put each of them between <p>...</p>.
Also, there’s no </br> in HTML

1 Like

Thanks, I have edited my page and looked into br tags to understand their use better.