Tribute Page Underway

Tribute Page Underway
0

#1

Ok so not much on it yet but it is a WIP and I only joined FCC on Tuesday 30th Aug 2016!!!

Any way have a look see what you think so far. Any feed back would be great.


#2

Great start! Looks like you’re pretty close to a finished tribute, just add some more details so we know who we’re looking at. You ought to move all the CSS from your <style> tag to the CSS section in CodePen, though.

A couple of notes about the <head> tag:

  • You don’t want to wrap everything inside of the <head>. Right now, you have
<head>
    <!-- head stuff -->
    ...
    <body>
    <!-- body stuff -->
    ...
</body>
</head>

Here’s how it needs to be:

<head>
    <!-- head stuff -->
    ...
</head>

<body>
    <!-- body stuff -->
    ...
</body>

All of that would get wrapped in an <html> tag.

  • If that confuses you, good news! CodePen doesn’t need the <head>, <html>, or <body> tags at all! Just put anything that would go between the <body> tags inside of the HTML editor in CodePen!

Keep up the great work!


#3

Hi

HTML codepenlinter:

  • The strong element cannot be a child of the ol element.
  • The br element cannot be a child of the ol element.

MDN documentation:

 <ol class="text-center">
          <strong>2015 - Present </strong> - McLaren Honda</br>
          <strong>2010 - 2014 </strong> - McLaren</br>
          <strong>2009 </strong> - Brawn GP</br>
          <strong>2006 - 2008 </strong> - Honda</br>
          <strong>2003 - 2005 </strong> - BAR</br>
          <strong>2002 </strong> - Renault</br>
          <strong>2001 </strong> - Benetton</br>
          <strong>2000 </strong> - Williams
        </ol>

Cheers and happy coding :slight_smile:


#4

Opps did not notice that. Thanks!


#5

I did not want the bullets but wanted a list so now


<div class="text-center">
          <strong>2015 - Present </strong> - McLaren Honda</br>
          <strong>2010 - 2014 </strong> - McLaren</br>
          <strong>2009 </strong> - Brawn GP</br>
          <strong>2006 - 2008 </strong> - Honda</br>
          <strong>2003 - 2005 </strong> - BAR</br>
          <strong>2002 </strong> - Renault</br>
          <strong>2001 </strong> - Benetton</br>
          <strong>2000 </strong> - Williams
        </div>

#6

Hi
Is better just use a list (because is a list) and add:

http://getbootstrap.com/css/#unstyled
or

Cheers and happy coding :slight_smile:


#7

Thanks Will look at that. Can I use the strong in the list


#8

Yes, you can. For example,

<ul>
  <li><strong>2015 - Present </strong> - McLaren Honda</li>
  ...
</ul>

#9

Thanks You for your help :slight_smile: