Hi Laila! Awesome job on your solution! I like that you used custom properties to implement design tokens.
I only have very minor suggestions to help get your solution closer to the design:
- For the "Get Started" button at the footer, you can use the following linear gradient:
linear-gradient( 179deg, hsl(237, 100%, 64%) -30%, hsl(322, 87%, 55%) 100% )
- The difference is the
-30%
in the middle of the gradient that makes the blue start earlier in the gradient. - For the
h1
, you can set the line-height to something likeline-height: 1.5;
to increase the spacing between lines.
Hope this helps! And again, I think you did an awesome job!
1