devcharles16 / teacozy Goto Github PK

To fix your Featured Tea autoscroll, add #teas to the following code.
https://github.com/devcharles16/TeaCozy/blob/master/documents/Projects/TeaCozy/index.html#L16

<span><a href="#mission">Mission</a></span>
<span><a href="#teas">Featured Tea</a></span>
<span><a href="#locations">Locations</a></span>

Grade: Satisfactory

Great job on your project - you met all design requirements to a tee and your code looks very detailed! In addition to this, you utilized the <div> tag properly, thus creating a much needed sense of organization for a project that calls for such an approach. An area for improvement here is with HTML. You did not include closing or a closing tag. Check out the issues to learn more..

A recommendation here is to review the following article. Try applying the concept and its usage. It will aid you as your projects get more complex. Read it thoroughly and view the examples! Keep up the great work!
12 Principles for Clean Code

You are missing your closing </body> and </html> tags. Make sure to fix this..
https://github.com/devcharles16/TeaCozy/blob/master/documents/Projects/TeaCozy/index.html#L97-L99

After scrolling down your page, I noticed that your header is transparent. To fix this, add background-color: black; to the following code.

https://github.com/devcharles16/TeaCozy/blob/master/documents/Projects/TeaCozy/resources/css/style.css#L22-L29