Tribute page - Please provide feedback

Tribute page - Please provide feedback
0

#1

http://codepen.io/josephrajp/full/PbJPgv/

:slight_smile:


#2

Hi @josephrajp,

  • Do not use lower levels to decrease heading font size:
<div class="container">
<header>
 <h3 class="tagline text-center">The Greatest Original Thinker and the Resolute Rationalist of the World</h3>

MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements

**Do not use lower levels to decrease heading font size: use the CSS font-size property instead.**Avoid skipping heading levels: always start from <h1>, next use <h2> and so on.

http://w3c.github.io/html/sections.html#the-h1-h2-h3-h4-h5-and-h6-elements

h2–h6 elements must not be used to markup subheadings, subtitles, alternative titles and taglines unless intended to be the heading for a new section or subsection. Instead use the markup patterns in the §4.13 Common idioms without dedicated elements section of the specification.

Common Idioms
https://www.w3.org/TR/html5/common-idioms.html

  • This seems more like a quote:
 <h4 class="text-center unesco">"Periyar the prophet of New Age, Socrates of South East Asia, Father of the social Reform Movement, and Arch enemy of ignorance, superstitions, meaningless customs and base manners"<br> <small>- UNESCO 27-6-1970.</small></h4>

Cheers and happy coding :slight_smile:


#3

@erretres Thank you very much… Pérez
Your feedback has taught me a new lesson toda, really I was not aware of heading element usage.
I have updated it.
Thanks again for your valuable feedback.


#4

You’re welcome :smile:.

Cheers and happy coding :slight_smile: