My tribute page to Jagdish Chandra Bose

My tribute page to Jagdish Chandra Bose
0

#1

Hi,

I completed my first project challenge on free code camp. Please look into it and give your valuable feed back.
Suggest any ideas, changes.


#2

Hi @navadeep-chalasani,

  • Do not use lower levels to decrease heading font size:
 <h1 class="topic-title">Jagdish Chandra Bose</h1>
    <h4 class="topic-subtitle">The man who proved plants have life and a pioneer in radio research.</h4>

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

  • You can use the <q> or <blockquote> element for quotes(is more expressive)
        <p id="quote">
          "The true laboratory is the mind, where behind illusions we uncover truth."
        </p>
        <p class="qoutedby">-J.C Bose<p>

MDN documentation:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q

The HTML Quote Element (<q>) indicates that the enclosed text is a short inline quotation. This element is intended for short quotations that don’t require paragraph breaks; for long quotations use the <blockquote> element.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

Cheers and happy coding :slight_smile: