My first project - Tribute Page to Dennis Ritchie

My first project - Tribute Page to Dennis Ritchie
0

#1

Hi fellow campers,

here’s mine first project: Tribute Page to Dennis Ritchie.

I’m still learning and I would do this project a bit different now, after this experience (building the first one), but that is probably the normal feeling which comes with the learning experience. I have committed many errors, mixed different styling variants (inline styling, CSS, Bootstrap…) and I was so confused and from time to time feeling pretty much lost trying to recall lessons learned before this assignment. But good old Google is here… and somehow I survived this challenge and finished this first project.

From here there is only one way… to be a better coder! :slight_smile:

If you have a little time, please take a look and I will appreciate any feedback!

Here you go guys: http://codepen.io/vrki/full/ORdxmB/

All the best!
Vrki


#2

Hi

This code is not correct:

 <h1 class="text-primary text-center">Dennis Ritchie</h1>
  <h3 class="text-center"><strong><em>Inventor of C language and was also involved in developing Unix operating system.</em></strong></h3>

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.

https://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

h1–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 Common idioms without dedicated elements section of the specification.

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

this code is not correct:

  • The <div> element cannot be a child of the <ul> element.
 <ul>
    <div class="timeline">
    <div class="row">
      <br />
      <p class="text-primary text-center"><em><strong>Here's the timeline of his life:</strong></em></p>

Permitted content
zero or more <li> elements, eventually mixed with <ol> and <ul> elements.

Cheers and happy coding :slight_smile:


#3

Hi erretres,

thanks very much for your useful and constructive response. I like your corrections and I’m very grateful that you provided additional links too, besides your comments! Awesome. I like learning this way very much. Straight, and to the point. :slight_smile:

This Free Code Camp and the people here are so awesome. I’m so happy I stumbled on this place!

Thanks once again and I wish you all the best!

Vladimir


#4

Hi vrki,

you’re welcome.

Thanks, for me is easier to remember that way (I prefer examples and code than explanations).

Cheers and happy Coding :slight_smile: