Insure Landing Page

What are you most proud of, and what would you do differently next time?

I'm happy that I managed to get everything just about right! I got to use many different tools, some of which I use on every project:

• Custom Properties for colors and typography
• Grid
• Media Queries
• Creating space between elements using the .flow > * + * utility class
• Using modern CSS selectors like :is and :has
• Selecting and manipulating DOM elements using functions and event listeners

And some I haven't used too much yet:

• .container utility class that sets a max-width, padding-inline and margin-inline: auto.
• Setting up a gap Custom Property for cohesive spacing - I just invested in Frontend Mentor Pro, and the Figma file gives you everything you need!
• Setting up font sizes using numbers, with 400 as the "base".

What challenges did you encounter, and how did you overcome them?

Positioning the background patterns at the top was tricky. I ended up using ::before and ::after pseudo-elements.

What specific areas of your project would you like help with?

I am happy to hear any feedback :)