Simple U2 Tribute Page

Simple U2 Tribute Page
0

#1

Hi there.

I signed up to FCC about a week ago and i just finished the first project.
It’s a very simple page and i know it’s no where near perfect but I’d still like you to see it and drop a comment. Critics are appreciated. Thanks!


#2

Hi @atolambada and welcome to the forum :slight_smile: .

CSS linter:

  • Unknown property ‘dislpay’.
.img-responsive {
...
  dislpay: block;
...
}

#pictures {
  dislpay: block;
 ...
}
 
.img-thumbnail.img-responsive {
...
    dislpay: block;
...
}

HTML inspector
  • The <font> element is obsolete and should not be used.
 <h1 class="text-center" id="u2">
<b><p>
<font color="red">U2</font>
<p><p>Tribute<p>
<p>Page</h1>

MDN documentation:

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

Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.


  • Don’t use <p> elements to increase space between words:

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

To change gaps between paragraphs, use the CSS margin property. Do not insert empty paragraphs elements or <br> between them.

Cheers and happy coding :slight_smile:


#3

Hi erretres, thank you so much for your comment! I fixed all the things you pointed out and i learnt surprisingly much doing so :slight_smile:

Happy coding!


#4

You’re welcome :smile: .

Cheers and happy coding :slight_smile: .