# Simple U2 Tribute Page

**URL:** <https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553>\
**Category:** I Built This\
**Created:** [November 15, 2016, 11:11am UTC](https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553 "2016-11-15T11:11:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![atolambada](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/atolambada/32/25531_2.png) [@atolambada](https://forum.freecodecamp.org/u/atolambada)\
**Post date:** [November 15, 2016, 11:11am UTC](https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553/1 "2016-11-15T11:11:34Z")

</div>

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!

> **[U2 Tribute Page](https://codepen.io/mariana_moniz/full/BQKjLN/)**
>
> ...

---

<div class="post-metadata">

**Author:** ![Diego\_Perez](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@Diego\_Perez](https://forum.freecodecamp.org/u/Diego_Perez)\
**Post date:** [November 15, 2016, 1:28pm UTC](https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553/2 "2016-11-15T13:28:45Z")

</div>

Hi @atolambada and welcome to the forum 🙂 .

- This is only a recommendation: don’t use IDs in selectors:  
[A Line In The Sand, A Story About Meaty Chili and Using Classes | CSS-Tricks - CSS-Tricks](https://css-tricks.com/a-line-in-the-sand/)

CSS linter:

- Unknown property ‘dislpay’.

```auto
.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.

```auto
 <h1 class="text-center" id="u2">
<b><p>
<font color="red">U2</font>
<p><p>Tribute<p>
<p>Page</h1>

```

MDN documentation:

[\<font\> - HTML: HyperText Markup Language | MDN](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:

[\<p\>: The Paragraph element - HTML: HyperText Markup Language | MDN](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 🙂

---

<div class="post-metadata">

**Author:** ![atolambada](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/atolambada/32/25531_2.png) [@atolambada](https://forum.freecodecamp.org/u/atolambada)\
**Post date:** [November 16, 2016, 7:55am UTC](https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553/3 "2016-11-16T07:55:16Z")

</div>

> [@Diego\_Perez](#):
>
> CSS linter:

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

Happy coding!

---

<div class="post-metadata">

**Author:** ![Diego\_Perez](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@Diego\_Perez](https://forum.freecodecamp.org/u/Diego_Perez)\
**Post date:** [November 16, 2016, 1:21pm UTC](https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553/4 "2016-11-16T13:21:18Z")

</div>

You’re welcome 😄 .

Cheers and happy coding 🙂 .

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 6:02pm UTC](https://forum.freecodecamp.org/t/simple-u2-tribute-page/55553/5 "2021-06-01T18:02:32Z")

</div>

Closed on June 1, 2021, 6:02pm UTC