Sunnyside agency landing page using sass

My advice for you

• create a variable scss file like this one _variable.scss this file is design for colors only

<--> why because if ever the project you created needs to implement some additional feature it will make more easier to navigate your scss file because you already know where the colors are & when the other developers took your project it will be easier to them to navigate too.

// after you created put all of your colors 
// you used to the style.scss file this **_variable.scss**
$Soft-red: hsl(7, 99%, 70%);
$Dark-desaturated-cyan: hsl(167, 40%, 24%);
$Dark-blue: hsl(198, 62%, 26%);
$Dark-moderate-cyan-footer: hsl(168, 34%, 41%);
$white: #fff;
$yellow: hsl(51, 100%, 49%);
$Very-dark-desaturated-blue: hsl(212, 27%, 19%);
$Very-dark-grayish-blue: hsl(213, 9%, 39%);
$Dark-grayish-blue: hsl(232, 10%, 55%);
$Grayish-blue: hsl(210, 4%, 67%);

$fraunces: "Fraunces", serif;
$barlow: "Barlow", sans-serif;

in the style.scss import the _variable.scss so that you can used the variable colors you define in this file _variable.scss.