IGNORE SOLUTION COMPARISON AND GO STRAIGHT TO SITE!!

Hello there 👋. Good job on completing the challenge !

Here are my basic suggestion for you to improve on:

• Create a basic css reset so that it's to work on styling. Here is an example:

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

This snippet allows you to reset browser default for margin and padding. If you notice there is box-sizing that is included. The CSS box-sizing property allows us to include the padding and border in an element's total width and height. You can read more here if you are interested.

• In terms of HTML structure, I suggest you group elements to create a well structured HTML semantic. You can check my solution to understand what i meant. It will be easy for you to layout and style webpage or components if know how to structure HTML properly.

This section is css specific suggestions:

• You should declare font-family in the body tag. It also should have a fallback font just in case your primary font don't work, e.g. font-family: 'Figtree', sans-serif.
• If you want to define margin or padding to only left and right, you can use margin-inline or padding-inline. Similarly if you want to define margin or padding to only up and down, you can use margin-block or padding-block.
• Instead of declaring margin or padding like this padding: 8px 15px 8px 15px;, you can rewrite it to padding: 8px 15px;.

You can re-generate your screenshot to reflect the latest changes.

I hope you find it useful! 😄

Happy coding!

Matthew, it looks like the image isn't loading.