@Carolkiarie
Posted
Hello Pedro good job on the challenge. I have some few suggestions that could possibly help.
-
You should use Semantic HTML in your file. semantic tags make it clear to the browser what the meaning of a page and its content is. That clarity is also communicated with search engines, ensuring that the right pages are delivered for the right queries. it is also easier for someone who is going through your code to know what the content is.
-
include a css reset in your css file. All browsers have default rules with properties and values applied to all pages before loading files. Due to the cascading nature of CSS, any styles the browser uses will remain unless explicitly overridden. A CSS Reset file targets all rules that the different browsers apply defaults to and resets them to their minimum possible value. my favourite css reset is from https://www.joshwcomeau.com/css/custom-css-reset/ you can just copy and paste it in your code
and lastly, the image should be in your html file and not set on your css file as a background image.
happy coding and good work!