Welcome to the forums @Rade01. Your page looks good. Some things to revisit;
- Keep the test script when forking the pen (
- The test script, with all tests passing, should be included when you submit your projects.
- Your page passes 9/10 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
- Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
- Codepen provides the boilerplate for you. It only expects the code you’d put within the
bodyelement in the HTML editor. (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.
- For instance links to fonts go in the box labeled ‘Stuff for <head>’
- Run your HTML code through the W3C validator.
- There are HTML coding errors you should be aware of and address.
- Accessibility is about being accessible to all users. Review the lesson about giving meaningful text to links. For a more thorough explanation read Web Accessibility in Mind.
- “click here” is not accessible
Looks good so far. I think you could experiement a little more with color scheme. For example, you could make the color scheme match the racecar: https://codepen.io/David_Mat_Fraser/pen/jOVyzJJ. I would also personally add some more padding to the text which I did in the above codepen. Good work, keep it up .
Also I added the script tag that allows you to test your codepen and make sure it meets all the requirements. Feel free to use any of the changes I made.
Welcome to the forums @Rade01 and thanks for sharing your project with us. I like how you’re using 'Red Bull ’ colours.
My suggestion would be to revisit the colour of the text and/or background. Right now it’s blue on blue and the text is difficult to read. You need to have more contrast between the colours to ensure your page is accessible and easy to read. I use the WCAG - Contrast checker to make sure my colour work well together. Most people aim to meet the AA standards for accessibility at least. I hope you find the tool helpful.