Hi, I just finished my tribute page and was wondering if anyone has any tips on how I can improve it I’m pretty new to this so I’m sure there are ways this can be improved. thanks
Hi @mmcgillvrey3756. Some things to revisit;
- Verify your email addr with codepen so we can see your page full view.
- Codepen provides the boilerplate for you. It only expects the code you’d put within the
bodyelement in HTML. (No need to include the
bodytags). For anything you want to add to the
<head>element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
- The link to the font goes in the box labeled ‘Stuff for <head>’
- You have many elements out of order.
- Run your HTML code through the W3C validator.
- There are HTML coding errors you should be aware of and address.
- Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
- The one for CSS is good. Use it, there’s something to clean up.
- (The one for HTML misses things which is why I recommend W3C)
- Do not use the
<br>element to force line breaks or spacing. That’s what CSS is for.
- Review the lesson about giving meaningful text to links.
- Web Accessibility in Mind has a more thorough explanation.
- “click here” is not accessible
On a side note, you can review this for an understanding of the HTML boilerplate tags
Ok, I fixed some of the html and css errors according to codepen and I tried to add the line break into css, but it moved my caption to the left of my picture and I want it below my picture.