Tribute page: done

[orthocode]

My first project with Freecodecamp.
The code is pretty ugly (even I recognize that) but I did produce a page.

Not quite fluent with
-code indentation (edit)
-use of class or style

1st Freecodecamp project

[orthocode]

Thanks.

Yeah. the blue is too flashy thanks for the user feedback.

I am quite happy with the result (even if it is very simple, and not creative). But my code seems basic and brutal to me. I feel like all my “styles” that I added are a complicated way of realizing things.
And I would have wanted all my “links” on top, but I could not cut&paste them, for some reason.
Also, my elements are difficult to read, like not aligned correctly. I had to weird things to correct that a bit and the final result is not perfect, at all.
It is roughly unaesthetic coding.

[orthocode]

Thanks again. I got messy in my learning.
I did not realize it was going into CSS case. Will do.

[orthocode]

@camperextraordinaire

Iam not understand what you mean by “wanted all my links on top”. Can you give me an example of a link you wanted on top and what you mean by top? Do you mean top of the page? or on top of another element?

orthocode:

I mean “<link href=”. They should be on top of the code, shouldn’t they?

@camperextraordinaire

Can you explain which parts you would like to align differently and how you want them aligned instead?

I mean I have the impression it is messy. Should every child be slightly offset from its parent ?
It should be ok for now, but i hope i will be able to write it better. I am a perfectionnist and cannot stand messy not-clean-interface. (lol)

[orthocode]

@camperextraordinaire

I recommend using the CSS external files section to do this and do not put the <link> at the top of the HTML section.

Ok done. Got messy with infos again. lol.

@camperextraordinaire

Are you referring to code indentation? Yes, it makes it more readable. In Codepen, there is a dropdown on the right side of each module section you can click and select Tidy (HTML, CSS, JS) for the applicable section and it will “attempt” to perform the indentation for you. You can also use the Analyze feature to check for syntax errors also.

Exactly. I forgot the word, but indentation was my problem.
I used tidy now. ok, cool. But will it be there in the future when i will program (out of codepen) ? I doubt it.
I did not understand everything said the Analyze feature for this time
The ‘background’ attribute is no longer valid on the element and should not be used.
elements inside must contain the ‘itemprop’ attribute.
Seems wrong to me…
But I will keep in mind this fonction too.

Thanks a lot.