Turning it green to easily show what this changes.
If we want to change the font size, we go to "_variables.scss." Here, we can go to the root where we can change the scaling factor. Thanks to calc, changing this will resize everything globally.
For changing the font family, we return again to "_fonts.scss." We then find "$font-primary" and "$font-secondary." Here, the default fonts of "Tangerine" and "Roboto" can be changed to whatever font you desire! Roboto is used for the p tag while Tangerine is used for h1-h4 tags.
If we head over to "variables.scss," we can change the background by changing "$background-color."
Changing "$primary-color" will change the pink used as a background for the nav, footer, and cards.
If rounded corners aren't wanted, change the value in "_variables" in "$border-radius." If you change it to 0, there will be no more rounded corners on anything on your fabulous website.
To easily edit breakpoints, in "_variables.scss," you can change "$first-breakpoint" and "$second-breakpoint" to fit the breakpoint needs of your project.
In "_button.scss," you can change the color and margins etc to perfect the button to your website. If you want it a different color from everything else, you can easily change the background color by editing "$primary-color." You can also change the font color by changing "$secondary-color."
In "_myCard.scss," you can edit the various features to make it your own if you choose. It's the same process as editing the other elements.
To edit elements on the nav, you head to "_nav.scss." Here you can change the color and such to make it fit your project.