I just finished my product landing page HTML and CSS project and I wanted a little review from the community before submission… any suggestions, scrutiny, or fault-finding will be highly appreciated… Thanks.
This is the codepen to the page: https://codepen.io/eprince-hub/pen/ExgvKKM?editors=1000
It is passing 13/16, have you tested it with the cdn link?
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js">
Hey there @Eprince! So your landing page looks amazing and I have no qualms about your design. It’s responsive, eye-catiching, and overall amazing. When you add in the test script your CSS is done. However, there are some errors in your Html.
So this was your previous img code:
<!--company logo-->
<div id="header-img">
<img
src="https://i.imgur.com/zQNIA4l.png"
width="100"
height="100"
alt="Organilux Logo"
/>
</div>
The User story calls for the <img> tag to have the ID of header-img. You placed the ID at <div id="header-img">
The ID needs to be at the img tag to complete user story 2. This should be your fulfilled code:
<img id="header-img"
src="https://i.imgur.com/zQNIA4l.png"
width="100"
height="100"
alt="Organilux Logo"
/>
@Cy499_Studios, wow, thanks a lot for this observation, i appreciate… thanks, I will fix it
Hello, @MrBondx, thanks for your reply, please should I just add this link to my HTML or css file;, how do I run the test, please?.
No problem @Eprince!
The way you add your test script is you add the link into the top of your html. However, I know that’s kind of the wrong way to do it. The fonts should be in the <head> element and the test script should be at the end of the <body> tag. Here’s an article that explains the html boilerplate: https://medium.com/better-programming/understanding-the-tags-in-html-boilerplate-38d1ae2805f7
Happy coding!,
Best,
Cy499_Studios
