First project. help

HTML-CSS
1

I believe I finished the first project, can somebody double check my work?

https://codepen.io/james978/pen/XWjrmrq

1 Like
2

It’s not responsive for mobile. It’s rely big

3

sorry im new. i think i have it set for a laptop

4

Congratulations, if this is your first project is very good. Now you will need to practice more about responsibility to devices and design to be more beautiful. You need to study this in the next projects. Go ahead and keep calm.

1 Like
5

Hey @jmorse978!

Welcome to the forum and congrats on finishing your first project.

A few things.

  • Make sure to keep the script tag in your project. You are currently passing 4 out of 10 tests.
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

  • Please verify your email with codepen so we can see the full view of your project.

    verfiy email codepen
    verfiy email codepen1960×864 126 KB

  • You have a few errors in your html and css. Run your code through the html validator https://validator.w3.org/ and css analyzer in codepen.

  • br tags should only be used when the division of lines is significant like in a poem or address. Please remove your br tags. If you want to create space between elements you can do that with the css margin property.

  • The head should only contain meta tags not h1 or h2. So I would remove those head tags.

  • For better responsiveness, I would use em or rem instead of px.

  • Also don’t do inline css styles. Keep all of your css in the css section.

  <ul id="tribute-info" style="list-style-type:disc">

Hope that helps!

Happy coding!

6

Hey jwilkins.oboe!

Thank you for the feedback!
I am going through it all again right now and just a little confused…

instead of using id and style (inline i could be wrong) i just use the basic tags ? h1 h2 h3 p body etc ?

i believe i was able to verify my email.
here is an updated version of the project.

https://codepen.io/james978/pen/XWjrmrq

7

i figured out how to run the tests. super helpful!!!

i think its way better now. I could pretty it up but i think thats all thats required?

thanks again!

8

the link to your projects are shown with your certs, but it’s up to you how much effort you want to put in the projects

and classes, and id, just not inline styling

9

confused to what inline styling is

10

inline styling is when you add the style attribute in the opening tag of an element, instead, use your css

1 Like