Tribute Page Project - Feedback welcome!

Tribute Page Project - Feedback welcome!
0

#1

Hi Everyone! I've recently completed the first basic front-end development challenge, and would love to hear what you all think about it. I'm very new to coding (obviously) and definitely not a designer, but I had a ton of fun putting this page together, and would love to use it as a learning opportunity. Thanks everyone!

https://codepen.io/JHenderson219/pen/mEkGAw


#2

Hi :slight_smile:

HTML codepen linter:

  • The “ul” element cannot be a child of the “h4” element.
  • The “ul” element cannot be a child of the “ul” element.
<div class="text-center"><h1>Awards and Accolades</h1>
      <h4>
        <ul class="list-inline">
      <ul>5-Time Academy Award Winner</ul>
      <ul>7-Time BAFTA Award Winner</ul>
      <ul>3-Time Emmy Award Winner</ul>
      <ul>4 Golden Globes</ul>
      <ul>22 Grammy Awards</ul>
      </ul>
      </h4>
   </div>

alt = more descriptive text
style = ¿Why here?

<img class= "img-rounded img-responsive center-block" src="https://upload.wikimedia.org/wikipedia/commons/b/b8/John_Williams_tux.jpg" alt="Alt text here" style="max-width 400px; max-height:500px">

Cheers and happy coding :slight_smile:


#3

Thanks for the feedback!


#4

You can also use the website validator.nu for public code validation. It has found several additional issues. Select ‘text field’ in the drop down, then paste your html tags inside the body tags.


#5

Thanks! I’ll take a look at that.