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
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.