Sometimes these things require a second pair of eyes, but proper syntax and formatting is very important to get the desired output in web pages and apps. Pay attention to minor errors like spelling and typos, consider installing a “Spell-check” extension for your code editor, as well as other helpful “Linters” that check for coding errors
Add atop:0to your css selector for the header element, to stick to the top of the viewport
The Footer section within the html, needs review formismatched tags and closed elements
Sometimes these things require a second pair of eyes, but proper syntax and formatting is very important to get the desired output in web pages and apps. Pay attention to minor errors like spelling and typos, consider installing a “Spell-check” extension for your code editor, as well as other helpful “Linters” that check for coding errors
Add a
top:0to your css selector for theheaderelement, to stick to the top of the viewportThe Footer section within the html, needs review for
mismatchedtags and closed elementsThere is an extra
Maintag on line 95 of your html document https://github.com/ongkasit/prj-rev-bwfs-tea-cozy/blob/65e8af0a11d032b36c3575c5dd4340eda086ca3a/Tea-Cozy/index.html#L95In your css document line 17
align-items: space-between;is not a correct value https://developer.mozilla.org/en-US/docs/Web/CSS/align-items