My tribute page to Jagdish Chandra Bose

Code Feedback
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:
<h1>–<h6>: The HTML Section Heading elements - HTML: HyperText Markup Language | MDN

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

HTML Standard

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
HTML Standard

  • 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:

<q>: The Inline Quotation element - HTML: HyperText Markup Language | MDN

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.

<blockquote>: The Block Quotation element - HTML: HyperText Markup Language | MDN

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: