interactive sunny-side web page using html and css

Hello there @Khalifa-pendrops 👋. Good job on completing the challenge!

I have some suggestions about your code that might interest you.

General Structure and HTML:

• Wrap the primary content within the <main> tag instead of using it as a standalone component like a <div>.
• All the content should be contained within landmarks. Every page minimally needs a <main> element.
• Reorganize the HTML structure to maintain semantic elements, like using <header>, <main>, and <footer> appropriately.

CSS and Styling:

• Fix the @fontfaces, you could download the fonts or import them as a CSS @import:

  @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Fraunces:opsz,[email protected],700;9..144,900&display=swap');
  

• Implement CSS custom properties to define and utilize project colors more easily.

I hope you find this helpful 😁. Most importantly, your submitted solution is fantastic!

Happy coding!