My first code pen challenge (Build Tribute Page)


I’m new to FCC and not sure if this is the place to post this. I completed my first challenge “Tribute Page”. I would like any feedback on the technical details of the HTML and CSS. I want to know if I’m using the HTML and CSS elements effectively. The content is not important; I quickly added things just to fill in the webpage.

My pen is here

Thank you,


Hi @pcantalupo,

  • You don’t need this line in Codepen:
<link rel="stylesheet" href="//" />

Using Bootstrap With Codepen

  • Do not use lower levels to decrease heading font size:
 <h1 class="large">History of Virology</h1>
  <h3><em>How much virology history do you know?</em></h3>

MDN documentation:

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

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

You can use html inspector in Codepen:

1.- Click the V (upper right)
2.- Click “Analyze HTML”

You can also do the same for CSS and JavaScript.

Cheers and happy coding :slight_smile:

Thank you for your help!

1 Like