Responsive skilled e-learning landing page

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

I'm happy with the way I handled font sizes and spacings using SCSS lists:

$font-sizes-desktop: 3.5rem, 2.5rem, 2rem, 1.5rem, 1.125rem, 1rem;
$font-sizes-tablet-mobile: 2.5rem, 2rem, 1.5rem, 1.25rem, 0.875rem;

$spacings: 8px, 12px, 16px, 20px, 24px, 32px, 40px, 44px, 48px, 56px, 64px, 80px, 128px, 144px;

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

It took me a while to think how I could manage all styles for headings and paragraphs but I solved that problem using the following mixins:

@mixin heading-preset($weight: $extrabold, $size, $line-height: $heading-line-height, $color) {
  font-weight: $weight;
  font-size: $size;
  line-height: $line-height;
  color: $color;
}

@mixin body-preset($weight, $size, $line-height: $body-line-height, $color) {
  font-weight: $weight;
  font-size: $size;
  line-height: $line-height;
  color: $color;
}

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

What do you think about my code? Is it organized and easy to read? 👀